Summary: This bug shows inconsistency in float handling between Webkit and other browsers like Internet Explorer 7, Firefox 2 and Opera 9. This bug is strictly related to combination: left aligned image and div box with text without spaces inside it. Both elements are placed inside floated box. Steps to reproduce: 1) Open a page: http://bugs.blaut.biz/webkit/webkit-float-issue.htm with lates nightly. 2) Notice improperly rendered test case. 3) Compare with other browsers. Expected result: The test text on the page should NOT be placed below image. Current result: The test text on the test page is placed below image.
Created attachment 17272 [details] minimal test case
I suspect what's going on here is that the pref width calculation doesn't take into consideration the floating object -- the line of text in 'minimal test case' is unbreakable (no spaces) and matches the exact width of the containing float which has width: auto.
Rendering matches FF which has the same pref widths model as WebKit now. We should probably close this as it's not possible in principle to deal with all situations like this.
I am unable to reproduce this issue in STP 152 using attached minimal test case and it is showing 'image' above text and it is the case for all other browsers (Chrome Canary 107 and Firefox Nightly 106) as well. Since all browsers are matching, I am going to mark this as "RESOLVED WONTFIX" since our behaviour never changed. Thanks!