1658119 - sticky table cells lose their border

Status: RESOLVED DUPLICATE of bug 1531781

(Core :: Layout: Tables, defect)

Description

[Richard Neill]

Attachment: Simplified test-case.

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:79.0) Gecko/20100101 Firefox/79.0

Steps to reproduce:

1. Create a table, with borders on the <td>, and border-collapse:collapse.

2. Make the first row or column sticky.

3. Set the background color on the sticky row/col
   (this is necessary, to stop the other td's text showing through when scrolled.)

Actual results:

The internal borders of the sticky <td> are not shown, even if they are made explicit on the td itself..

Expected results:

The borders of the sticky <td> should be displayed as normal.

Here is a test case attached.
Note that it does render as expected in Chromium

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[Sean Voisen (:svoisen)]

This is a duplicate of bug 1531781.

Comment 3

[Richard Neill]

For anyone seeking a workaround, this may help:
https://stackoverflow.com/questions/40760241/sticky-row-and-column-header-in-table

In short: fake the 'border' by using a box-shadow:
box-shadow: 0 0 0 1px #ddd;