Bug 169673

Summary: DIV inside `display: flex` takes whole width (becomes larger than its content)
Product: WebKit Reporter: Nathan <njke>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, hyatt, njke, rniwa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: macOS 10.12   
Attachments:
Description Flags
Demo on Safari TP Release 25 (Safari 10.2, WebKit 12604.1.8.1.2) none

Nathan
Reported 2017-03-15 07:42:36 PDT
Created attachment 304499 [details] Demo on Safari TP Release 25 (Safari 10.2, WebKit 12604.1.8.1.2) On Safari Technology Preview Release 25 (Safari 10.2, WebKit 12604.1.8.1.2) the DIV inside `display: flex` takes the whole width of it. On other browsers DIV has the same size as its content. Demo → http://codepen.io/njke/pen/QpqjaJ
Attachments
Demo on Safari TP Release 25 (Safari 10.2, WebKit 12604.1.8.1.2) (14.65 KB, image/png)
2017-03-15 07:42 PDT, Nathan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2017-03-15 19:29:22 PDT
<rdar://problem/31080750>
Nathan
Comment 2 2017-03-23 20:19:05 PDT
Looks like it is fixed in Release 26 (Safari 10.2, WebKit 12604.1.12). 👍🏼
Ahmad Saleem
Comment 3 2022-08-20 06:43:38 PDT
I am unable to reproduce this bug using attached demo CodePen in Comment 0 on Safari Technology Preview 151 and it just shows "Red" box / rectangle similar to other browsers (Chrome Canary 106 and Firefox Nightly 105) and also Comment 02 do show that it was fixed in next STP version. Going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks!
Note You need to log in before you can comment on or make changes to this bug.