[Webkit-unassigned] [Bug 51362] New: box-sizing: border-box and percentage heights double-count border and padding width when in a table cell

Mon Dec 20 16:14:55 PST 2010

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

           Summary: box-sizing: border-box and percentage heights
                    double-count border and padding width when in a table
                    cell
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: data:text/html,<!doctype html><table><tr><td
                    style="height: 80px; border: 1px solid black; padding:
                    0;"><div style="height: 100%; background: silver;
                    -webkit-box-sizing: border-box; border: 5px
                    solid;">foo</div>
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: tabatkins at google.com


Chrome Version       : 8.0.552.224 (Official Build 68599) beta

URLs (if applicable) : data:text/html,<!doctype html><table><tr><td style="height: 80px; border: 1px solid black; padding: 0;"><div style="height: 100%; background: silver; -webkit-box-sizing: border-box; border: 5px solid;">foo</div>

Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: didn't test
  Firefox 3.x: OK
       IE 7/8: N/A (doesn't support box-sizing)


What steps will reproduce the problem?
--------------------------------------
1. Create a table, where a cell contains an element with box-sizing:border-box, percentage height (for ease of viewing, use 100%), and a non-zero border or padding.  The cell should have a definite height set that is larger than the element.


What is the expected result?
----------------------------
With height:100%, the element should fill the cell exactly.


What happens instead?
---------------------
The vertical borders or padding are double-counted when figuring the height of the element, so, for example, in the provided data url there is 5px of empty space above and below the element's borders.

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