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: NEW
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: 2019-05-17 12:56 PDT (History)
4 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

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>