Bootstrap/site/assets/scss/_scrolling.scss

// When navigating with the keyboard, prevent focus from landing behind the sticky header

main {
  a,
  button,
  input,
  select,
  textarea,
  h2,
  h3,
  h4,
  [tabindex="0"] {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px;
  }
}
Docs: add scroll-margin-top for keyboard navigation 2023-01-21 22:55:38 +00:00			`// When navigating with the keyboard, prevent focus from landing behind the sticky header`

Better use the CSS 2023-03-08 14:51:49 +01:00			`main {`
			`a,`
			`button,`
Add form elements in focusable elements when scrolling 2023-07-28 10:01:53 +02:00			`input,`
			`select,`
			`textarea,`
Proposal to use `scroll-margin-top` instead of introducing padding and negative margin (#38220) 2023-03-20 01:45:46 +01:00			`h2,`
			`h3,`
			`h4,`
Better use the CSS 2023-03-08 14:51:49 +01:00			`[tabindex="0"] {`
Proposal to use `scroll-margin-top` instead of introducing padding and negative margin (#38220) 2023-03-20 01:45:46 +01:00			`scroll-margin-top: 80px;`
Better use the CSS 2023-03-08 14:51:49 +01:00			`scroll-margin-bottom: 100px;`
			`}`
Docs: add scroll-margin-top for keyboard navigation 2023-01-21 22:55:38 +00:00			`}`