fix(player): prevent focus scrolling default audio layout on play

vidstack · Jul 24, 2024 · 0f147c6 · 0f147c6
1 parent 600a9a9
commit 0f147c6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/react/src/components/layouts/default/audio-layout.tsx b/packages/react/src/components/layouts/default/audio-layout.tsx
@@ -191,7 +191,7 @@ function DefaultAudioTitle() {
 
   React.useEffect(() => {
     if (isTransitionActive && document.activeElement === document.body) {
-      media.player.el?.focus();
+      media.player.el?.focus({ preventScroll: true });
     }
   }, []);
 

diff --git a/packages/vidstack/src/elements/define/layouts/default/audio-layout.ts b/packages/vidstack/src/elements/define/layouts/default/audio-layout.ts
@@ -67,7 +67,7 @@ function DefaultAudioTitle() {
 
     effect(() => {
       if ($isTransitionActive() && document.activeElement === document.body) {
-        media.player.el?.focus();
+        media.player.el?.focus({ preventScroll: true });
       }
     });