fix: incorrect focus styles on selected MenuItem (#7202)

Adds a :not() pseudo class to ensure that the MenuItem background color doesn't get incorrectly reset on mouse focus. Fixes #7200
videojs · May 11, 2021 · 06cdb6f · 06cdb6f
1 parent e9953e5
commit 06cdb6f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/css/components/menu/_menu.scss b/src/css/components/menu/_menu.scss
@@ -56,8 +56,8 @@
   color: $primary-background-color;
 }
 
-.video-js .vjs-menu *:focus:not(:focus-visible),
-.js-focus-visible .vjs-menu *:focus:not(.focus-visible) {
+.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
+.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
   background: none;
 }