Add instant behavior to synced tab scrolling (#2747)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
withastro · Jan 6, 2025 · 474c27e · 474c27e
1 parent 5b7f611
commit 474c27e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/chilly-paws-smell.md b/.changeset/chilly-paws-smell.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Ensures `<Tab>` component toggling is stable when smooth scrolling is enabled via custom CSS
diff --git a/packages/starlight/user-components/Tabs.astro b/packages/starlight/user-components/Tabs.astro
@@ -224,6 +224,7 @@ if (isSynced) {
 				StarlightTabs.#syncTabs(this, newTab);
 				window.scrollTo({
 					top: window.scrollY + (this.getBoundingClientRect().top - previousTabsOffset),
+					behavior: 'instant',
 				});
 			}
 		}