Bug 143728

Summary:	Auto heights of BFCs with floats inside fixed height blocks and inline elements are computed incorrectly
Product:	WebKit	Reporter:	Greg Whitworth <gwhit>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	ahmad.saleem792, ap, bfulgham, hyatt, simon.fraser, zalan
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Mac (Intel)
OS:	OS X 10.8
URL:	http://jsbin.com/tecojivici/2/edit

Description Greg Whitworth 2015-04-14 14:34:58 PDT

Example URL:
http://jsbin.com/tecojivici/2/edit

Steps to reproduce the problem:
1. Open the jsbin test page
2. View the end result in FF/IE and compare with Chrome

What is the expected behavior?
The first BFC in this item should grow to the height of its contents.

What went wrong?
For some reason the calculation is incorrect. Interestingly, if you uncomment the line that sets the float's height to 106px instead of 105 it renders the same as FF/IE.

Comment 1 Simon Fraser (smfr) 2015-04-14 21:05:19 PDT

Thanks for the report, Greg!

Comment 2 Ahmad Saleem 2022-10-01 05:51:54 PDT

I am able to reproduce this issue in Safari 16 and Safari Technical Preview 154 using attached JSBin and it is different from Chrome Canary 108 and Firefox Nightly 107 because they show "two green" containers unlike Safari.