[Webkit-unassigned] [Bug 137693] New: box-sizing border-box not working on input field inside table cell with percentage height

Tue Oct 14 07:13:32 PDT 2014

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

           Summary: box-sizing border-box not working on input field
                    inside table cell with percentage height
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: martin.schaus at sap.com

box-sizing border-box not working on input field inside table cell with percentage height.
I think accidently the inner padding-top and padding-left of the input field is added to the table cell, as the effect increases if you set a higher padding value to the input element.
Try the below example (Chrome wrong, IE10 ok, FF ok) 

<!doctype html>

<html>
<body>

    <div style="height: 100px; width: 100px">
        <input style="box-sizing: border-box; padding 10px; height: 100%; width: 100%" value="correct">

    </div>
    <div style="height: 100px; width: 100px">
        <table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
            <tbody>
                <tr>
                    <td class="" style="height: 100%;">
                                               <input type="text" style="height: 100%; width: 100%; box-sizing: border-box; padding: 10px;" value="wrong">
                                          </td>
                </tr>
            </tbody>
        </table>
    </div>

</body>
</html>

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