fix(use-tabs): scroll only horizontally

Scrolls the tabs only horizontally
Neovici · Sep 30, 2021 · 4d795ac · 4d795ac
1 parent f5a8a75
commit 4d795ac
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/lib/use-tabs.js b/lib/use-tabs.js
@@ -63,7 +63,7 @@ const useTabSelectedEffect = (host, selectedTab) => {
 		}, [selectedTab]);
 
 		useEffect(() => {
-			host.shadowRoot.querySelector('a[aria-selected]')?.scrollIntoView?.({ inline: 'center', behavior: 'smooth' });
+			host.shadowRoot.querySelector('a[aria-selected]')?.scrollIntoView?.({ block: 'nearest', inline: 'center', behavior: 'smooth' });
 		}, [selectedTab]);
 
 		const href = useCallback(tab => isValid(tab) ? link(hashParam, getName(tab)) : undefined, [hashParam]);