Bug 169673

Summary:

DIV inside `display: flex` takes whole width (becomes larger than its content)

Product:

WebKit

Reporter:

Nathan <njke>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, ap, bfulgham, hyatt, njke, rniwa, simon.fraser, webkit-bug-importer, zalan

Priority:

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

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!