diff --git a/site/content/docs/5.3/components/scrollspy.md b/site/content/docs/5.3/components/scrollspy.md index 4bb5978f3a..d1abf75e3e 100644 --- a/site/content/docs/5.3/components/scrollspy.md +++ b/site/content/docs/5.3/components/scrollspy.md @@ -12,7 +12,7 @@ Scrollspy toggles the `.active` class on anchor (``) elements when the elemen - To start, scrollspy requires two things: a navigation, list group, or a simple set of links, plus a scrollable container. The scrollable container can be the `` or a custom element with a set `height` and `overflow-y: scroll`. -- On the scrollable container, add `data-bs-spy="scroll"` and `data-bs-target="#navId"` where `navId` is the unique `id` of the associated navigation. Be sure to also include a `tabindex="0"` to ensure keyboard access. +- On the scrollable container, add `data-bs-spy="scroll"` and `data-bs-target="#navId"` where `navId` is the unique `id` of the associated navigation. If there is no focusable element inside the element, be sure to also include a `tabindex="0"` to ensure keyboard access. - As you scroll the "spied" container, an `.active` class is added and removed from anchor links within the associated navigation. Links must have resolvable `id` targets, otherwise they're ignored. For example, a `home` must correspond to something in the DOM like `
` diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index ed23045a6d..cbf06a554f 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -1,4 +1,4 @@ -{{ define "body_override" }}{{ end }} +{{ define "body_override" }}{{ end }} {{ define "main" }}