RESOLVED CONFIGURATION CHANGED 206575
Fixed flex-basis value on element wrapped within a flex box behaves as max-height 
https://bugs.webkit.org/show_bug.cgi?id=206575
Summary Fixed flex-basis value on element wrapped within a flex box behaves as max-he...
d.saltaferis
Reported 2020-01-22 03:07:48 PST
When using fixed pixels flex-basis on an element with flex-direction: row which is wrapped within a flex box, the flex-basis value behaves as max-height for that element, no matter what it's child is. Test case: https://codepen.io/saltas888/pen/wvBRRoP Work-around: Use width instead of flex-basis
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-01-22 23:18:29 PST
<rdar://problem/58825822>
Ahmad Saleem
Comment 2 2022-10-27 13:48:28 PDT
I am unable to reproduce this issue in Safari 16.1 using CodePen from Comment 0 and it shows "blue" container in height similar to section child matching in rendering with other browsers (Chrome Canary 109 and Firefox Nightly 108). Since all browsers are matching with each other, I am marking this as "RESOLVED CONFIGURATION CHANGED" assuming it is fixed along the way. Please reopen with updated testcase, if it is still reproducible. Thanks!
Note You need to log in before you can comment on or make changes to this bug.