[Webkit-unassigned] [Bug 199706] New: SVG with filter and Animation results in pixelated SVG

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jul 11 04:23:51 PDT 2019


            Bug ID: 199706
           Summary: SVG with filter and Animation results in pixelated SVG
           Product: WebKit
           Version: Safari 12
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tombigel at wix.com
                CC: zimmermann at kde.org

Created attachment 373913

  --> https://bugs.webkit.org/attachment.cgi?id=373913&action=review

Safari compared to Chrome - https://codepen.io/tombigel/pen/NZJROW

When applying a scale (or rotateX/Y) transform on an SVG that was never visible on the current page (visibility: hidden or opacity:0) and contains a filter, 
Safari will render the SVG with the transformed size it had when emerging to visibility.

If the opacity and animation applied directly on the SVG, it will repaint at the end of the animation. 
If applied on a parent it will remain pixelated until something else on the page will trigger a repaint. 

Reproduces on Desktop and Mobile Safari
Works as expected on Chrome and Firefox

Codepen of the screenshot: 

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

More information about the webkit-unassigned mailing list