Bug 143728 - Auto heights of BFCs with floats inside fixed height blocks and inline elements are computed incorrectly
Summary: Auto heights of BFCs with floats inside fixed height blocks and inline elemen...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.8
: P2 Normal
Assignee: Nobody
URL: http://jsbin.com/tecojivici/2/edit
Keywords:
Depends on:
Blocks:
 
Reported: 2015-04-14 14:34 PDT by Greg Whitworth
Modified: 2022-10-01 05:52 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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.