1384031 - the behavior of border-radius properties applied to internal table elements

Status: NEW

(Core :: Layout: Tables, enhancement, P3)

Description

[Ya-Chieh Wu (inactive)]

Attachment: examples of border-radius on collapsed border model tables

In Bug 1375518, we noticed that gecko currently rounded the background on the table and table-cell, but not for row, row group, column, or column-group backgrounds as you can see the attachments. That behavior isn't particularly sensible and thanks to David to note this.

Comment 1

[Ya-Chieh Wu (inactive)]

Attachment: examples of border-radius on separated border model tables

Comment 2

[Ya-Chieh Wu (inactive)]

Attachment: examples of border-radius on separated border model tables

Comment 3

[Ya-Chieh Wu (inactive)]

I have filed an issue to csswg-drafts' github[1] to discuss this issues. 

Browser test: Chrome, Firefox, IE, Opera, and Safari.
Note: The behaviors below are the same to these five browsers if there is no description of which browser it is.

1. border-collapse: separate

    Effect on border and background:
    The border-radius properties currently do apply to table and table-cell. Other internal table elements have no effects.

2. border-collapse: collapse

    Effect on background:
    The border-radius properties currently do apply to table and table-cell. Other internal table elements have no effects.

    Effect on border:
    The border-radius properties currently do not apply to the border on Chrome, Firefox, Opera, and Safari. The border-radius properties currently do only apply to table-cell on IE.


[1] https://github.com/w3c/csswg-drafts/issues/1880