[Webkit-unassigned] [Bug 241910] New: SVG SMIL animation in <img> tag breaks upon zooming-in in macOS Safari

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jun 23 04:59:09 PDT 2022


            Bug ID: 241910
           Summary: SVG SMIL animation in <img> tag breaks upon zooming-in
                    in macOS Safari
           Product: WebKit
           Version: Other
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: utkarsh.verma at hotmail.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

I have a few SVG SMIL animation files which run well on every browser. But, when zoomed in on macOS Safari (any version), the animation breaks. It looks like the animation is bleeding through the right and bottom edges.

And, this only happens when the SVG is in an <img> tag. If the SVG is used inline, there is no issue as such.

When the page is zoomed in to 125% on macOS Safari (any version), you'll get,

https://i.stack.imgur.com/WHhLY.gif (one of the files)

To reproduce this bug, open up https://github.com/n3r4zzurr0/svg-spinners/blob/main/README.md, https://loading.io/spinner or http://samherbert.net/svg-loaders/ (as all these links contain SVGs in <img> tags) in macOS Safari (any version) with a zoom level other than 100%.

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/20220623/43a56759/attachment-0001.htm>

More information about the webkit-unassigned mailing list