fix: incorrect focus styles on selected MenuItem

Adds a :not() pseudo class to ensure that the MenuItem background color doesn't get incorrectly reset on mouse focus. Fixes videojs#7200
acmertz · Apr 22, 2021 · 5d83d4b · 5d83d4b
1 parent 17919ce
commit 5d83d4b
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;
 }