Bug 203565

Summary:

grid cells in a flex column expands (while grid doesn't which is correct) while it shouldn't (flex: 0 1 auto)

Product:

WebKit

Reporter:

Olivier LAHAYE <olivier.lahaye1>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, obrufau, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari 13

Hardware:

Mac

OS:

macOS 10.14

Attachments:

Description	Flags
Testcase: single file with html+css (same as link in bug description)	none

Olivier LAHAYE

Reported 2019-10-29 09:08:24 PDT

Created attachment 382184 [details] Testcase: single file with html+css (same as link in bug description) When a grid with property "flex: 0 1 auto" is in a flex object with height: 100%, the grid children will expand while they shouldn't if browser window heigh becomes bigger than needed. The grid dimension will grow up to its optimal size (which is correct). This leads to cells becoming hidden at bottom. Testcase: http://olivier.lahaye1.free.fr/SystemImager/log_table3.html (includes HTML and css so you can easily download it) This test case works perfectly on Microsoft EDGE 41.16299.1004.0 on Windows 10 build 1809 and Chrome 77.0.3865.120 for MacOS-10.14.16 Just try to resize the browser window big enough so all table lines are displayed. if you increase browser window height , there are rendering problems in Safari (cells are stretched in height (while they shouldn't) while gris sise stays at its optimal size (correct).

Attachments
Testcase: single file with html+css (same as link in bug description) (2.73 KB, text/html) 2019-10-29 09:08 PDT, Olivier LAHAYE	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2019-10-29 10:50:08 PDT

<rdar://problem/56712542>

Note You need to log in before you can comment on or make changes to this bug.