Steps to replicate the issue
- With the zebra feature flag enabled ?VectorZebraDesign=1 go to any long page on production or beta e.g. https://en.wikipedia.org/wiki/Paris?VectorZebraDesign=1
- Scroll to the bottom of the page
What happens?:
The ToC visually overlaps the footer
What should have happened instead?:
The ToC should not overlap the footer
Technical notes:
This bug is due to changes in where position:sticky has been applied in Zebra. The position:sticky was moved one element up the dom tree,
from
.mw-page-container-inner > .vector-sticky-pinned-container > #vector-toc-pinned-container
to
.mw-page-container-inner > .vector-sticky-pinned-container