[Webkit-unassigned] [Bug 140719] New: display: table-cell with width: 100% within a <td colspan==?UTF-8?Q?=E2=80=9C2=E2=80=9D?=> does not fill parent cell

[bugzilla-daemon at webkit.org]

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

            Bug ID: 140719
           Summary: display: table-cell with width: 100% within a <td
                    colspan=“2”> does not fill parent cell
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: iOS
                OS: iOS 8.1
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Tables
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: drees at microsoft.com

Given this CSS and HTML:

table { width: 100%; }
table label { display: table-cell; white-space: nowrap; }
table span  { display: table-cell; width: 100%; }
table input { width: 100%; box-sizing: border-box; }

<table>
        <tbody>
            <tr>
                <td>
                    <label>Name</label>
                    <span>
                        <input type="text" />
                    </span>
                </td>
                <td>
                    <label>Another field</label>
                    <span>
                        <input type="text" />
                    </span>
                </td>
            </tr>
            <tr>
                <td>
                    <label>Really long field name</label>
                    <span>
                        <input type="text" />
                    </span>
                </td>
                <td>
                    <label>S</label>
                    <span>
                        <input type="text" />
                    </span>
                </td>
            </tr>
        </tbody>
    </table>

In Internet Explorer and Firefox, the textbox next to "really long field name" fills the containing cell's width, however in Chrome and iOS Safari (iOS 8) it does not and it has the default <input> width.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150121/20aab2ab/attachment-0002.html>