Reintegrate `tabindex` integration in docs layouts

diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro
index 656a018d035425709fecf083097b392bb93afccc..c310972a107f41d984e6d876faf54a4a74b88c0c 100644 (file)
--- a/site/src/layouts/BaseLayout.astro
+++ b/site/src/layouts/BaseLayout.astro
@@ -74,5 +74,13 @@ const mainProps = overrides?.main ?? {}
     <Scripts layout={layout} />
 
     {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>
 </html>

diff --git a/site/src/layouts/DocsLayout.astro b/site/src/layouts/DocsLayout.astro
index 2b341fc4ebd74113a2ecec83d300b77eb9d09d5a..7f2c047859129c788a732b0988c830b11f5bae2d 100644 (file)
--- a/site/src/layouts/DocsLayout.astro
+++ b/site/src/layouts/DocsLayout.astro
@@ -21,7 +21,7 @@ const { frontmatter, headings, id } = Astro.props
 // Extract the directory/section from the ID (format: "directory/filename.mdx")
 const parentDirectory = id.includes('/') ? id.split('/')[0] : ''
 
-const bodyProps: LayoutOverridesHTMLAttributes<'body'> = { tabindex: 0 }
+const bodyProps: LayoutOverridesHTMLAttributes<'body'> = {}
 
 if (frontmatter.toc) {
   bodyProps['data-bs-spy'] = 'scroll'