[Webkit-unassigned] [Bug 160661] New: Layering scale to produce blurry results

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Aug 8 09:50:58 PDT 2016


            Bug ID: 160661
           Summary: Layering scale to produce blurry results
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: hello at philippspiess.com
                CC: simon.fraser at apple.com

Created attachment 285569
  --> https://bugs.webkit.org/attachment.cgi?id=285569&action=review
Blur Bug

We have found a situation, where (sibling) layers are causing the result of a `scale` transform to be blurry. Please have a look at the attached html file.

In the attached file, we used `translate3d` to force a layer. This can also be reproduced when using `position: fixed` instead. We have found out that adding a layer will also force a layer for the next siblings.

We can work around the blur by adding a new parent to the `scale` transform, so that the div containing the `scale` does not use a layer (in this case, the parent holds the layer). 

Firefox and Chrome can render the text fine.

This is probably also the cause of https://bugs.webkit.org/show_bug.cgi?id=133801 - but we ran into it just by trying to scale a div.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160808/e19d6baa/attachment-0001.html>

More information about the webkit-unassigned mailing list