Change Details

== Background Currently, the sticky header displays over the section title if you navigate directly to a section. {F34636104} https://di-community-round-2.web.app/Audre_Lorde == Acceptance criteria [] ensure behavior is such that allows for section titles to be displayed when going directly to a section == QA Please perform the below steps with Chrome, Edge, and Firefox. Safari is known to not work with this feature. === When the user clicks a jump link 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user clicks a jump link with a non-default browser font-size 1) Adjust your browser's font size to a size that is larger than the default. 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user visits a page with a hash fragment with JS enabled 1) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 2) Verify that the sticky header does not overlap the "References" section title === When the user visits a page with a hash fragment with JS disabled 1) Turn off javascript 2) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 3) Verify that the top of the "References" section title is at the top of the viewport with no unnecessary space === When the user tabs through the article in reverse order 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Hold tab until the viewport scrolls approximately half way down the page. Verify that the sticky header appears 3) Reverse tab repeatedly (by pressing shift+tab) so that the viewport scrolls up the page. Verify that the links (or other focused elements) are not overlapped by the sticky header

== Background Currently, the sticky header displays over the section title if you navigate directly to a section. {F34636104} https://di-community-round-2.web.app/Audre_Lorde == Acceptance criteria [] ensure behavior is such that allows for section titles to be displayed when going directly to a section == QA Please perform the below steps with Chrome, Edge, and Firefox. Safari is known to not work with this feature. === When the user clicks a jump link 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user clicks a jump link with a non-default browser font-size 1) Adjust your browser's font size to a size that is larger than the default. 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user clicks a jump link with a small viewport width 1) Adjust your browser's viewport width to 500px. 2) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 3) Click on the "References" link in the table of contents 4) Verify that the top of the "References" section title is at the top of the viewport with no unnecessary space === When the user visits a page with a hash fragment with JS enabled 1) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 2) Verify that the sticky header does not overlap the "References" section title === When the user visits a page with a hash fragment with JS disabled 1) Turn off javascript 2) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 3) Verify that the top of the "References" section title is at the top of the viewport with no unnecessary space === When the user tabs through the article in reverse order 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Hold tab until the viewport scrolls approximately half way down the page. Verify that the sticky header appears 3) Reverse tab repeatedly (by pressing shift+tab) so that the viewport scrolls up the page. Verify that the links (or other focused elements) are not overlapped by the sticky header

== Background Currently, the sticky header displays over the section title if you navigate directly to a section. {F34636104} https://di-community-round-2.web.app/Audre_Lorde == Acceptance criteria [] ensure behavior is such that allows for section titles to be displayed when going directly to a section == QA Please perform the below steps with Chrome, Edge, and Firefox. Safari is known to not work with this feature. === When the user clicks a jump link 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user clicks a jump link with a non-default browser font-size 1) Adjust your browser's font size to a size that is larger than the default. 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Click on the "References" link in the table of contents 3) Verify that the sticky header does not overlap the "References" section title === When the user clicks a jump link with a small viewport width 1) Adjust your browser's viewport width to 500px. 2) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 3) Click on the "References" link in the table of contents 4) Verify that the top of the "References" section title is at the top of the viewport with no unnecessary space === When the user visits a page with a hash fragment with JS enabled 1) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 2) Verify that the sticky header does not overlap the "References" section title === When the user visits a page with a hash fragment with JS disabled 1) Turn off javascript 2) Open a new tab and visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1#References 3) Verify that the top of the "References" section title is at the top of the viewport with no unnecessary space === When the user tabs through the article in reverse order 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?vectorstickyheader=1 2) Hold tab until the viewport scrolls approximately half way down the page. Verify that the sticky header appears 3) Reverse tab repeatedly (by pressing shift+tab) so that the viewport scrolls up the page. Verify that the links (or other focused elements) are not overlapped by the sticky header