fix(UI): Hidden cursor correctly (#7464)

Fixes #7394
shaka-project · Oct 23, 2024 · 3338579 · 3338579
1 parent 2d33440
commit 3338579
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/ui/controls.js b/ui/controls.js
@@ -1463,7 +1463,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
     }
 
     // Use the cursor specified in the CSS file.
-    this.videoContainer_.style.cursor = '';
+    this.videoContainer_.classList.remove('no-cursor');
 
     this.recentMouseMovement_ = true;
 
@@ -1516,7 +1516,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
    */
   onMouseStill_() {
     // Hide the cursor.
-    this.videoContainer_.style.cursor = 'none';
+    this.videoContainer_.classList.add('no-cursor');
     this.recentMouseMovement_ = false;
     this.computeOpacity();
   }

diff --git a/ui/less/containers.less b/ui/less/containers.less
@@ -426,3 +426,11 @@
   /* keep the rewind button to the left */
   .absolute-position();
 }
+
+.shaka-video-container.no-cursor {
+  cursor: none !important;
+
+  * {
+    cursor: none !important;
+  }
+}