Bug 197966 - Elements break out of flexbox containers and break rendering of adjacent flexboxes
Summary: Elements break out of flexbox containers and break rendering of adjacent flex...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-05-16 15:35 PDT by Brian Peiris
Modified: 2022-03-25 10:49 PDT (History)
5 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Brian Peiris 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.
Comment 1 Brian Peiris 2019-05-16 15:38:11 PDT 
Created attachment 370078 [details]
working render in chrome
Comment 2 Brian Peiris 2019-05-16 15:38:42 PDT 
Created attachment 370079 [details]
broken render in latest ephiphany technology preview
Comment 3 Radar WebKit Bug Importer 2019-05-17 12:56:54 PDT 
<rdar://problem/50902582>
Comment 4 Brian Peiris 2021-07-18 09:55:28 PDT 
FYI. This issue appears to be fixed in the latest version of Safari (14.1.1)