[Webkit-unassigned] [Bug 251756] New: inconsistent scaling of svg and its div container

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=251756

            Bug ID: 251756
           Summary: inconsistent scaling of svg and its div container
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jerome at olivier.link
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Hello,

There seems to be a scaling issue with divs that contain SVGs. The result is a small horizontal shear between a div that contains an svg and its neighboring container. I uploaded an example here:

https://olivier.link/wonderflow/

If you resize the browser window, a thin white line will flicker above or below the div containing the SVG. I was able to fix the issue by using relative position and shifting the SVG up or down one pixel, but the problem only seems to exist on Safari and not Firefox or Chrome.

As someone who is still relatively new to web development, this was a real head-scratcher and took hours to resolve. It'd be great if this could be addressed to offer greater consistency across different browsers.

Many thanks.

-- 
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/20230205/0ffe5ed2/attachment.htm>