fix menus

live-codes · Nov 24, 2024 · bcbd8fd · bcbd8fd
1 parent daa2f22
commit bcbd8fd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 7 deletions.
diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
@@ -2700,7 +2700,7 @@ const adjustFontSize = (container: HTMLElement) => {
 };
 
 const handleAppMenuButtonFocus = () => {
-  // workaround for safari where click does not trigger focus!
+  // workaround for safari where click does not maintain focus!
   document.querySelectorAll<HTMLElement>('.app-menu-button').forEach((button) => {
     eventsManager.addEventListener(button, 'click', () => {
       button.focus();

diff --git a/src/livecodes/styles/inc-menu.scss b/src/livecodes/styles/inc-menu.scss
@@ -46,13 +46,7 @@
 
 .app-menu-button {
   &:focus + .menu-scroller,
-  &:focus-within + .menu-scroller,
-  &:has(:focus) + .menu-scroller,
-  &:active + .menu-scroller,
   &:focus + .menu-scroller > .dropdown-menu,
-  &:focus-within + .menu-scroller > .dropdown-menu,
-  &:has(:focus) + .menu-scroller > .dropdown-menu,
-  &:active + .menu-scroller > .dropdown-menu,
   + .menu-scroller:hover,
   + .menu-scroller > .dropdown-menu:hover {
     animation: fadeIn 0.4s forwards;