[Webkit-unassigned] [Bug 227604] New: `flex-basis` behaves unexpectedly with children using `max-height: fit-content; `
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jul 1 17:19:19 PDT 2021
https://bugs.webkit.org/show_bug.cgi?id=227604
Bug ID: 227604
Summary: `flex-basis` behaves unexpectedly with children using
`max-height: fit-content;`
Product: WebKit
Version: WebKit Nightly Build
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: pangle at apple.com
CC: bfulgham at webkit.org, simon.fraser at apple.com,
svillar at igalia.com, zalan at apple.com
Created attachment 432754
--> https://bugs.webkit.org/attachment.cgi?id=432754&action=review
Screen Recording of Issue
Applying a flex-basis of 100% to a children of a flex container behaves as expected when first applied, but if a media query causes that style to "go away" and come back, the results are different than when the 100% was initially applied. See attached video and reproduction page.
Steps to reproduce:
1. Open the attached reproduction page.
2. Size the window to just taller than 600px (you should see four stacked colorful divs)
3. Check the box to change the flex-basis to `100%` from `inherit`.
4. Reduce the window height until the colorful boxes become boring text.
5. Resize the window back to taller than 600px.
6. Observe that only the yellow div is visible, the others are all 0px tall now, despite having the same style applied as when we started resizing the window.
Reproduces on ToT WebKit. I can not reproduce this prior to r279271, but that issue may simply have been masking this problem.
--
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/20210702/d2bc4c2f/attachment.htm>
More information about the webkit-unassigned
mailing list