[Webkit-unassigned] [Bug 85646] New: box not always resizing to conform to its containing block

Fri May 4 11:38:27 PDT 2012

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

           Summary: box not always resizing to conform to its containing
                    block
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://metaed.com/try2.html
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: webkit.org at metaed.com

Overview:
   Box does not resize to conform to its containing block. It resizes when its containing block dimensions changed due to a margin change, but not when due to a border or padding change. Easy to reproduce using Google Chrome. Simple test case provided.

Steps to Reproduce:
   1) Open the following five line document in the browser.
<html style="background : silver">
<body style="margin : 0; border : 0 solid red; background : white; padding : 0">
<p style="background : yellow"> hello, world </p>
</body>
</html>
   2) Note that the yellow box associated with the P element conforms in width to its containing block, which is defined by the content area of the BODY element.
   3) Open the element inspector. Change the margin of the BODY element to 96 and note that the yellow box resizes to conform in width to its smaller containing block.
   4) Change the border and/or padding of the BODY element to 96 and note that the yellow box does not resize to conform to its containing block. Instead, it overflows its containing block, which is wrong behavior.
   5) Change the margin of the BODY element to 192 and note that the yellow box snaps back into its containing block.

Actual Results:
   The yellow box resizes when its containing block dimensions change due to a margin change, but not when due to a border or padding change.

Expected Results:
   The yellow box should always resize to conform to its containing block. It should make no difference whether it is a margin, border, or padding change that changes the dimensions of its containing block.

Build Date & Platform:
First reproduced on:
   Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.4 (KHTML, like Gecko) Chrome/16.0.889.0 Safari/535.4

Additional Builds and Platforms:
Also occurs on:
   Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.10 (KHTML, like Gecko) Chrome/20.0.1123.4 Safari/536.10
   Mozilla/5.0 (Windows NT 5.1) AppleWebKit/536.10 (KHTML, like Gecko) Chrome/20.0.1123.4 Safari/536.10

Additional Information:
   The URL provided here and above links to a copy of the test case document: http://metaed.com/try2.html
   Chromium bug report: http://code.google.com/p/chromium/issues/detail?id=98222

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