css position sticky inside subgrid is using parent elements boundaries and not those of subgrid
Categories
(Core :: Layout: Grid, defect)
Tracking
()
People
(Reporter: mail, Unassigned)
Details
Steps to reproduce:
multi-column layout with nested grids (subgrid) inside the columns
elements inside the subgrid have position sticky applied and should be sticky inside the boundaries of the nested subgrid
codepen example: https://codepen.io/jankohlbach/pen/dPYeYLq
Actual results:
the top right element is sticky inside the whole column of the outer grid, while it should respect the boundaries of the row it is inside of
Expected results:
the top right element should be sticky only inside the first row (like it's happening in chrome and safari, it's easier to see there how it should look like) and not until the end (inside the whole column spanning multiple rows of the outer grid)
that's my first bug report here, please excuse potential errors I made while doing so
|
||
Comment 2•11 months ago
|
||
Thanks for reporting this bug with a testcase. I believe this is the same as bug 1958206.
Description
•