[Webkit-unassigned] [Bug 45274] New: Breaking Float: floated block level element following inline element in floated container breaks to next line

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=45274

           Summary: Breaking Float: floated block level element following
                    inline element in floated container breaks to next
                    line
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://members.chello.nl/~sgm.jansen/WebkitBreakingFlo
                    at/
        OS/Version: Windows Vista
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: stijndewitt at hotmail.com


When a block-level element such as a div is floated to the left and follows an inline element inside a parent container that is also foated to the left, the inner div breaks (wraps) to the next line even though this is not expected.

In this sample HTML:

<div class="outer">
   <span>Breaking</span>
   <div class="inner">Float</div>
</div>

If this stylesheet is applied:


.outer {
   float: left;
}

.inner {
   float: left;
}

...the word 'Float' unexpectedly breaks to the next line in WebKit-based browsers such as Safari and Chrome, but stays on the same line as expected in other browsers such as internet Explorer, Firefox and Opera.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.