[Webkit-unassigned] [Bug 258354] New: Negative margin causes overflow in nested flex scroll container

[bugzilla-daemon at webkit.org]

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

            Bug ID: 258354
           Summary: Negative margin causes overflow in nested flex scroll
                    container
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit-bugzilla at lennardscheibel.de

Created attachment 466777

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

Minimal reproduction showing the bug. Red area is not visible when opened in Chrome or FF.

When creating a scrolling container with "overflow: scroll; display: flex; padding: 10px" and adding a child node with "flex-grow: 1; margin: -10px", Safari allows the user to scroll horizontally, where Chrome and FF don't.

The attachment contains a minimal reproduction. It should show how in Safari the green "Content" overflows on the x-axis, although its width should not be larger than its parent's width.

Next to Safari 16, this behavior can also be observed with the build 265350 at main from JUNE 21, 2023 AT 02:27 PM GMT+2.

The closest I could find was https://bugs.webkit.org/show_bug.cgi?id=218579.

-- 
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/20230621/65fd54ad/attachment.htm>