From 06cdb6f49f6b27f0506d63d5f28914603790fd8a Mon Sep 17 00:00:00 2001 From: Aaron Mertzenich Date: Tue, 11 May 2021 11:54:43 -0500 Subject: [PATCH] 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 --- src/css/components/menu/_menu.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/components/menu/_menu.scss b/src/css/components/menu/_menu.scss index 67594a943b..1c04c5e721 100644 --- 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; }