[Webkit-unassigned] [Bug 209460] New: [css-grid] grid padding reduces available space for abspos inside grid items

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Mar 23 19:12:37 PDT 2020


            Bug ID: 209460
           Summary: [css-grid] grid padding reduces available space for
                    abspos inside grid items
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: clopez at igalia.com
                CC: jfernandez at igalia.com, obrufau at igalia.com,
                    rego at igalia.com

Created attachment 394343

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

test case

What steps will reproduce the problem?
(1) Create a CSS grid with `position: relative; grid: 100px / 100px; padding-left: 20px`
(2) Place a grid item inside it.
(3) Place an abspos element inside the grid item.
(4) Leave the abspos in its static position, but with `grid-column: 1 / 2`
(5) Add two floats inside the abspos, each one with `width: 50px`. Or more generally, any content with total width >80px and <=100px, but which can be broken is parts narrower than <=80px each.

What is the expected result?
The max-content width of the abspos is 50px+50px = 100px, and the grid area is 100px wide, so the abspos has enough space to grow so that the content fits in a single line.

What happens instead?
For some reason, the `padding-left: 20px` of the grid only lets the abspos grow to be 80px wide, so the floats will appear in different lines.

Firefox does this correctly since https://bugzilla.mozilla.org/show_bug.cgi?id=1520584
Chromium its affected, tracked at https://bugs.chromium.org/p/chromium/issues/detail?id=921722

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/20200324/09770cf2/attachment.htm>

More information about the webkit-unassigned mailing list