Bug 70969

Summary: Element with width: auto doesn't resize with its child
Product: WebKit Reporter: Marius Radvan <marius.radvan>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: aestes, ahmad.saleem792, ap, bfulgham, davidbarr, eae, rniwa, shanestephens, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: Linux   
URL: http://sandbox.mariusradvan.com/webkit/
Attachments:
Description Flags
Simple reproduction none

Description Marius Radvan 2011-10-26 14:48:44 PDT 
Click on red rectangle. This will change the width of a child (from 0 to 150), but this doesn`t make the parent to change width (even if it has width: auto).
Comment 1 Andy Estes 2011-10-26 14:52:53 PDT 
It'd be easier to look into this if the test case didn't involve jQuery.
Comment 2 Marius Radvan 2011-10-31 09:38:56 PDT 
if i use display: inline-block instead of float: left, it will work at expected.
Comment 3 David Barr 2011-11-02 20:40:05 PDT 
Confirmed with Google Chrome 17.0.927.0 (Official Build 108385) canary Mac OS X WebKit 535.8 (@99053).
Comment 4 Shane Stephens 2012-01-04 19:36:17 PST 
Test case appears to be down. Could you ensure it remains available, or alternatively upload a html file?
Comment 5 Marius Radvan 2012-01-05 02:16:08 PST 
Testcase is up again.
Comment 6 David Barr 2012-01-05 02:18:13 PST 
Created attachment 121243 [details]
Simple reproduction
Comment 7 Ahmad Saleem 2022-08-06 19:53:15 PDT 
I am able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached test case and in test case, if I click, there is "yellow" rectangle but it pushes "green" down while in all other browsers (Chrome Canary 106 and Firefox Nightly 105), it just appears between "red" and "green" rather than pushing "Green" down. Thanks!
Comment 8 Radar WebKit Bug Importer 2022-08-08 11:22:37 PDT 
<rdar://problem/98331103>