[Webkit-unassigned] [Bug 234143] New: Flexbox ignores margins of absolute positioned children when `align-items: flex-end` or `justify-content: flex-end`

[bugzilla-daemon at webkit.org]

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

            Bug ID: 234143
           Summary: Flexbox ignores margins of absolute positioned
                    children when `align-items: flex-end` or
                    `justify-content: flex-end`
           Product: WebKit
           Version: WebKit Local Build
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: obyknovenius at me.com

Created attachment 446717

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

Test page showing the bug

`position: absolute` children aligned to `flex-end` (either by `align-items` or `self-align`) are always positioned to the bottom (when `flex-direction: row`) or to the right (when `flex-direction: column`).
In a similar way, `position: absolute` children are always positioned to the right when `justify-content: flex-end`.

https://www.w3.org/TR/css-flexbox-1/#abspos-items says that the item should be positioned "as if it was the sole child" of the flex container and also https://www.w3.org/TR/css-flexbox-1/#algo-available says that to determine the available cross (and main) space for flex items one must "subtract the flex container’s margin".

-- 
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/20211210/68745c52/attachment.htm>