root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Reintegrate `tabindex` integration in docs layouts

This commit is contained in:
Julien Déramond 2025-04-14 20:25:02 +02:00
parent 4b8f7c7c66
commit dd4dc06843
No known key found for this signature in database
GPG Key ID: EE5F274EA1F477FA
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/src/layouts/BaseLayout.astro
View File

@ -74,5 +74,13 @@ const mainProps = overrides?.main ?? {}
<Scripts layout={layout} /> <Scripts layout={layout} />
{frontmatter?.extra_js && frontmatter.extra_js.map((js) => <script is:inline async={js.async} src={js.src} />)} {frontmatter?.extra_js && frontmatter.extra_js.map((js) => <script is:inline async={js.async} src={js.src} />)}
{
layout === 'docs' && (
<div class="position-fixed" aria-hidden="true">
<input type="text" tabindex="-1" />
</div>
)
}
</body> </body>
</html> </html>

2
site/src/layouts/DocsLayout.astro
View File

@ -21,7 +21,7 @@ const { frontmatter, headings, id } = Astro.props
// Extract the directory/section from the ID (format: "directory/filename.mdx") // Extract the directory/section from the ID (format: "directory/filename.mdx")
const parentDirectory = id.includes('/') ? id.split('/')[0] : '' const parentDirectory = id.includes('/') ? id.split('/')[0] : ''
const bodyProps: LayoutOverridesHTMLAttributes<'body'> = { tabindex: 0 } const bodyProps: LayoutOverridesHTMLAttributes<'body'> = {}
if (frontmatter.toc) { if (frontmatter.toc) {
bodyProps['data-bs-spy'] = 'scroll' bodyProps['data-bs-spy'] = 'scroll'