RESOLVED WORKSFORME 197966
Elements break out of flexbox containers and break rendering of adjacent flexboxes 
https://bugs.webkit.org/show_bug.cgi?id=197966
Summary Elements break out of flexbox containers and break rendering of adjacent flex...
Brian Peiris
Reported 2019-05-16 15:35:51 PDT
Created attachment 370077 [details] test case Elements larger than a flexbox container break out of the container and also break rendering of other elements when overflow is set to scroll. See the attached test case. The test case breaks in Safari, Safari TP and the latest Ephiphany preview. It also breaks in the latest Safari on iOS. I was unable to test with the latest Webkit Build Archive release since it seems to be non-functional on my macbook. The text case renders as expected in the latest Chrome and Firefox browser on macOS and Windows.
Attachments
test case (1.13 KB, text/html)
2019-05-16 15:35 PDT, Brian Peiris 		no flags
Details
working render in chrome (5.73 KB, image/png)
2019-05-16 15:38 PDT, Brian Peiris 		no flags
Details
broken render in latest ephiphany technology preview (7.96 KB, image/png)
2019-05-16 15:38 PDT, Brian Peiris 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Brian Peiris
Comment 1 2019-05-16 15:38:11 PDT
Created attachment 370078 [details] working render in chrome
Brian Peiris
Comment 2 2019-05-16 15:38:42 PDT
Created attachment 370079 [details] broken render in latest ephiphany technology preview
Radar WebKit Bug Importer
Comment 3 2019-05-17 12:56:54 PDT
<rdar://problem/50902582>
Brian Peiris
Comment 4 2021-07-18 09:55:28 PDT
FYI. This issue appears to be fixed in the latest version of Safari (14.1.1)
Note You need to log in before you can comment on or make changes to this bug.