Bug 197966

Summary:

Elements break out of flexbox containers and break rendering of adjacent flexboxes

Product:

WebKit

Reporter:

Brian Peiris <brianpeiris>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

brianpeiris, simon.fraser, svillar, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

All

OS:

All

Attachments:

Description	Flags
test case	none
working render in chrome	none
broken render in latest ephiphany technology preview	none

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.