Bug 15987 - Float issue in combination with left aligned image and text block
Summary: Float issue in combination with left aligned image and text block
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://bugs.blaut.biz/webkit/webkit-f...
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2007-11-14 10:46 PST by Robert Blaut
Modified: 2013-03-02 13:32 PST (History)
4 users (show)

See Also:


Attachments
minimal test case (512 bytes, text/html)
2007-11-14 10:47 PST, Robert Blaut
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Robert Blaut 2007-11-14 10:46:23 PST
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.
Comment 1 Robert Blaut 2007-11-14 10:47:52 PST
Created attachment 17272 [details]
minimal test case
Comment 2 Jacob Refstrup 2009-05-28 18:43:41 PDT
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.
Comment 3 Robert Hogan 2013-03-02 13:32:29 PST
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.