[Webkit-unassigned] [Bug 112535] New: CSS table rows with anonymous cells let the parent table element shine through padding

[bugzilla-daemon at webkit.org]

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

           Summary: CSS table rows with anonymous cells let the parent
                    table element shine through padding
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Tables
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: marc.nieper at gmail.com


I think it is best to explain this bug with an example. Consider the following HTML snippet:

<ul>
    <li>Short</li>
    <li>LOOOOOOOOOOOOOOOOOOONG</li>
</ul>

Styled with:

ul {
    display: table;
    margin: 0;
    padding: 0;
}

li {
    display: table-row;
}

li:hover {
    background-color: gainsboro;
}

The two list entries are anonymous table cells (as per the CSS table model) and the first table cell needs padding on the right to make it as wide as the second one. The padding, however, does not seem to belong to the table row, which is the list element. When you hover with the mouse over the padding of the short entry, the table row does not turn grey. (This is not CSS specific: DOM events are also not dispatched to the list item when they happen over the padding.)

The bug persists even when one adds a second column to the right (e.g. by adding the style rule li::after { content: 'COLUMN'; display: table-cell; }). The result is that the first table row's extent is two blocks, one containing the short text without the padding, the other one containing the text of the second column.

The bug does not appear when using ordinary tables without extra CSS markup. The bug also does not appear in the Gecko rendering engine. A demonstration is given in the following JSFIDDLE: http://jsfiddle.net/wvg8n/

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