[Webkit-unassigned] [Bug 65474] New: display:table-* does not work on input, select, and textarea elements

[bugzilla-daemon at webkit.org]

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

           Summary: display:table-* does not work on input, select, and
                    textarea elements
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: marc.hoyois at gmail.com


Created an attachment (id=102524)
 --> (https://bugs.webkit.org/attachment.cgi?id=102524&action=review)
HTML file reproducing the bug

Overview:

On an input, select, or textarea element, display:table (resp. display:table-*) is computed as display:block (resp. display:inline-block).

As an example of a undesirable behavior, if a display:table-cell has text spanning multiple lines, the vertical-align:bottom property on an adjacent input cell aligns the bottom of that cell with the bottom of the FIRST LINE of the multiline cell.

Steps to reproduce: Open attached HTML file.

Actual results: The bottom of the input element is aligned with the bottom of the first line of the label.

Expected results: According to http://www.w3.org/TR/CSS2/tables.html#height-layout, the bottom of a table-cell element with vertical-align:bottom should lie at the bottom of the enclosing table-row, i.e., should be aligned with the bottom of the second line of the label.

Build Date & Platform:
Tested in OS X 10.7.0 with Safari 5.1 and WebKit r92092.

Additional Information:
A workaround is to include the <input> element in a span or div with display:table-cell, but that shouldn't be necessary.

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