Bug 169673 - DIV inside `display: flex` takes whole width (becomes larger than its content)
Summary: DIV inside `display: flex` takes whole width (becomes larger than its content)
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified macOS 10.12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-03-15 07:42 PDT by Nathan
Modified: 2022-08-20 06:43 PDT (History)
9 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Nathan 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
Comment 1 Radar WebKit Bug Importer 2017-03-15 19:29:22 PDT
<rdar://problem/31080750>
Comment 2 Nathan 2017-03-23 20:19:05 PDT
Looks like it is fixed in Release 26 (Safari 10.2, WebKit 12604.1.12). 👍🏼
Comment 3 Ahmad Saleem 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!