From 4c89a709e8794437af3f2c4c016eb67ef52d353e Mon Sep 17 00:00:00 2001
From: Arjun Mahanti <arjun@squareup.com>
Date: Wed, 9 Sep 2026 10:36:52 -0700
Subject: [PATCH] fix(design-system): avoid hidden preview tab stops

Signed-off-by: Arjun Mahanti <arjun@squareup.com>
---
 desktop-next/src/features/design-system/ui/GlassPage.tsx | 7 ++++++-
 desktop-next/tests/layout-refinements.spec.ts            | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/desktop-next/src/features/design-system/ui/GlassPage.tsx b/desktop-next/src/features/design-system/ui/GlassPage.tsx
index 4eaf8b2d81..690b14c300 100644
--- a/desktop-next/src/features/design-system/ui/GlassPage.tsx
+++ b/desktop-next/src/features/design-system/ui/GlassPage.tsx
@@ -18,7 +18,12 @@ function ChromePill() {
         <Tabs.Indicator />
       </Tabs.List>
       {items.map((label) => (
-        <Tabs.Panel key={label} value={label} className="bui-sr-only">
+        <Tabs.Panel
+          key={label}
+          value={label}
+          tabIndex={-1}
+          className="bui-sr-only"
+        >
           {label} surface selected in this material preview.
         </Tabs.Panel>
       ))}
diff --git a/desktop-next/tests/layout-refinements.spec.ts b/desktop-next/tests/layout-refinements.spec.ts
index 7c01ff93f4..725a8cac36 100644
--- a/desktop-next/tests/layout-refinements.spec.ts
+++ b/desktop-next/tests/layout-refinements.spec.ts
@@ -70,6 +70,7 @@ test("Glass navigation shares selection motion and keyboard semantics", async ({
   await page.goto("/design/glass");
   const tabs = page.getByRole("tablist", { name: "Glass navigation preview" });
   const indicator = tabs.locator(".bui-tab-indicator");
+  await expect(page.getByRole("tabpanel")).toHaveAttribute("tabindex", "-1");
   await expect(
     tabs.getByRole("tab", { name: "Messages", exact: true }),
   ).toHaveAttribute("aria-selected", "true");