NEW 267760
Incorrect layout rendering involving flex box, vw units, svg. 
https://bugs.webkit.org/show_bug.cgi?id=267760
Summary Incorrect layout rendering involving flex box, vw units, svg.
maximuse.chern
Reported 2024-01-19 04:31:30 PST
Created attachment 469456 [details] Top is Safari showing the issue. Bottom is Chrome as expected. Codesandbox: https://codesandbox.io/s/flexbox-bug-safari-5nswyy I expect the svg element to reserve horizontal space in the flexbox layout. Chrome renders as expected. Safari allocates 0 width.
Attachments
Top is Safari showing the issue. Bottom is Chrome as expected. (2.02 MB, image/png)
2024-01-19 04:31 PST, maximuse.chern 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-01-26 04:32:15 PST
<rdar://problem/121657413>
Karl Dubost
Comment 2 2024-02-09 02:07:59 PST
Firefox and Chrome share the same behavior. Safari is different indeed. flex: 1 -> flex: 1 1 0% flex: initial -> flex: 0 1 auto I wonder if there is a simpler testcase to reproduce this.
Note You need to log in before you can comment on or make changes to this bug.