Change Details

== Background Since we are removing the default scrollbar in cases where the ToC is longer than the available space, we would like to visually indicate the ToC is scrollable in another way == Acceptance criteria [] Add indicator that the ToC is scrollable [] Indicator should only appear when the ToC is scrollable == QA steps - Navigate to a page with a long TOC ( link TK ) and use the feature flag to see sticky TOC - Open some header links in TOC to make TOC content longer than viewport height - Note transparent fade at bottom and no scrollbar - Note TOC still scrollable - Resize windows to see fade at bottom - Tested in Chrome, Firefox, Safari, Edge

== Background Since we are removing the default scrollbar in cases where the ToC is longer than the available space, we would like to visually indicate the ToC is scrollable in another way == Acceptance criteria [] Add indicator that the ToC is scrollable [] Indicator should only appear when the ToC is scrollable == QA steps - Navigate to a page with a long TOC in modern vector ( i.e. patchdemo link: https://patchdemo.wmflabs.org/wikis/e440050eb8/wiki/Barack_Obama?useskin=vector-2022&tableofcontents=1 ) using the feature flag to see sticky TOC - Open some header links in TOC to make TOC content longer than viewport height - Note transparent fade at bottom and no scrollbar - Note TOC still scrollable - Resize windows to see fade at bottom - Tested in Chrome, Firefox, Safari, Edge

== Background Since we are removing the default scrollbar in cases where the ToC is longer than the available space, we would like to visually indicate the ToC is scrollable in another way == Acceptance criteria [] Add indicator that the ToC is scrollable [] Indicator should only appear when the ToC is scrollable == QA steps - Navigate to a page with a long TOC ( link TK ) and usein modern vector ( i.e. patchdemo link: https://patchdemo.wmflabs.org/wikis/e440050eb8/wiki/Barack_Obama?useskin=vector-2022&tableofcontents=1 ) using the feature flag to see sticky TOC - Open some header links in TOC to make TOC content longer than viewport height - Note transparent fade at bottom and no scrollbar - Note TOC still scrollable - Resize windows to see fade at bottom - Tested in Chrome, Firefox, Safari, Edge