[Webkit-unassigned] [Bug 273759] New: SVGs with absolute positioning are incorrectly sized when ancestor has padding

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon May 6 02:11:39 PDT 2024


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

            Bug ID: 273759
           Summary: SVGs with absolute positioning are incorrectly sized
                    when ancestor has padding
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mattm at canva.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 471289

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

Example file to reproduce bug

SVGs with absolute positioning are incorrectly sized when ancestor has padding.

There are two symptoms demonstrated in the attachment:

1. When I have an div that has `width: 200px; padding: 20px`, a child SVG with `position: absolute; left: 0; right: 0` has a width that matches the div's content width when it should match the div's padding width.

2. When I have an absolutely positioned div that has `padding: 20px` and a computed height of 200px, a child SVG with `position: absolute; height: 100%` has a height that matches the div's content height when it should match the div's padding height.

Chrome and Firefox do not have this bug.

-- 
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/20240506/03faedf8/attachment.htm>


More information about the webkit-unassigned mailing list