[Webkit-unassigned] [Bug 90251] New: Shrinkwrapped box containing a [float:left] + [float:left; clear:left] expands parent box to the right

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Jun 29 00:11:04 PDT 2012


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

           Summary: Shrinkwrapped box containing a [float:left] +
                    [float:left;clear:left] expands parent box to the
                    right
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Minor
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: biziclop at vipmail.hu


Created an attachment (id=150095)
 --> (https://bugs.webkit.org/attachment.cgi?id=150095&action=review)
single html showing the bug

( source of the bug: http://stackoverflow.com/questions/11249286/chrome-bug-css-positioning-incorrectly-resizing-container/ )

Example with workaround attempts: http://jsfiddle.net/SyKfm/16/

Reduced structure:

    div: position:absolute or display:inline-block
      div: block element with or without explicit width
      div: float:left
      div: float:left + clear:left

    div: position:absolute or display:inline-block
      div: float:left
      div: float:left + clear:left
      div: block element with or without explicit width

Expected: the parent div should shrinkwrap "nicely" around the two floats and the block element

Symptom: the parent div's width becomes the sum of the two floated element's width, even if the second float is below the first.


Workarounds:
1. replacing clear:left to clear:both on the second float
2. setting float:left on the parent element

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



More information about the webkit-unassigned mailing list