feat(video-player): remove pointer-events for interesection-mode

carbon-design-system · Dec 19, 2024 · 72a37f8 · 72a37f8
1 parent e1fdc01
commit 72a37f8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/styles/scss/components/video-player/_video-player.scss b/packages/styles/scss/components/video-player/_video-player.scss
@@ -240,4 +240,12 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
       outline: 2px solid $focus;
     }
   }
+
+  // Prevent any pointer events from getting through to the slotted player div
+  // when in intersection mode.
+  :host(#{$c4d-prefix}-video-player[intersection-mode]) {
+    ::slotted(.#{$c4d-prefix}--video-player__video) {
+      pointer-events: none;
+    }
+  }
 }