remove scrollbar-gutter in fullscreen (#5258)

bluesky-social · Sep 10, 2024 · c224921 · c224921
1 parent b37b64f
commit c224921
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/VideoWebControls.tsx
@@ -95,6 +95,15 @@ export function Controls({
     }
   }, [interactingViaKeypress])
 
+  useEffect(() => {
+    if (isFullscreen) {
+      document.documentElement.style.scrollbarGutter = 'unset'
+      return () => {
+        document.documentElement.style.removeProperty('scrollbar-gutter')
+      }
+    }
+  }, [isFullscreen])
+
   // pause + unfocus when another video is active
   useEffect(() => {
     if (!active) {