[Webkit-unassigned] [Bug 241983] New: CSS Relative Position Resetting Flex Container Position on Zoomed View

[bugzilla-daemon at webkit.org]

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

            Bug ID: 241983
           Summary: CSS Relative Position Resetting Flex Container
                    Position on Zoomed View
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Apple Silicon)
                OS: Unspecified
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sheinlinphyo at gmail.com

Set position to relative or absolute to flex container. Flex container is positioned relative to viewport like fixed in zoomed view.
Sample with relative position (bug): https://raw.githubusercontent.com/Penguinlay/Penguinlay/29d8279978379b60405bd8d1d42f5468cdcf1312/data/images/metrics.svg
Sample with static position (for comparison): https://raw.githubusercontent.com/Penguinlay/Penguinlay/29d8279978379b60405bd8d1d42f5468cdcf1312/data/images/metrics.svg
For both samples above, try zoom in and out with command + and command -. You will see that the numbers badges are out of place in the buggy one. (Zooming using touchpad does not cause the bug.)

The bug could be in the implementation of CSS, CSS for SVG or with how the browser paints the DOM elements, I am not sure.

-- 
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/20220624/e30e8791/attachment-0001.htm>