Open Bug 1670210 Opened 5 years ago Updated 5 years ago

Margin-bottom for position sticky TH in table ignored

Categories

(Core :: Layout: Tables, enhancement)

Product:
Core
Component:
Layout: Tables
Version:
Firefox 81
Platform:
x86_64
Windows 10
Type:
enhancement

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: ninapapchenya, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36

Steps to reproduce:

Steps to reproduce:
https://jsbin.com/vipuwen/edit?html,css,output

Actual results:

In the above jsbin using Firefox, the sticky TH in the table is hidden when all the table rows are scrolled. Margin-bottom for sticky TH is ignored:
https://i.vgy.me/lGyTQP.png

In the same case using Chrome or Safari, the sticky TH in the table is hidden when there is 300px left to the end of the table. 300px is the margin-bottom value for the sticky TH, it is not ignored:
https://i.vgy.me/il1Emo.png

Expected results:

That the sticky TH (or TD) in table will hide while scrolling, taking into account the margin-bottom, as in Chrome and Safari.

OS: Unspecified → Windows 10
Hardware: Unspecified → x86_64
Component: Untriaged → Layout: Tables
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.