Fix: AutoHide - Adjust interaction area #501

black7375 · Nov 3, 2022 · aff13a5 · aff13a5
1 parent b4b9e29
commit aff13a5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -7841,10 +7841,15 @@
   or -moz-bool-pref("userChrome.autohide.infobar") {
   #navigator-toolbox {
     position: relative;
+  }
+  #navigator-toolbox:is(:hover, :focus-within) {
     z-index: 2;
   }
+  #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar {
+    z-index: -1;
+  }
 
-  #navigator-toolbox:not(:hover) {
+  #navigator-toolbox:not(:hover):not(:focus-within) {
     animation: 1s keepfront;
   }
 
@@ -7856,10 +7861,6 @@
       z-index: 3;
     }
   }
-  #PersonalToolbar {
-    z-index: -1;
-  }
-
   #sidebar-box:is(:hover, :focus-within) {
     position: relative;
     z-index: 2 !important;

diff --git a/src/autohide/_common.scss b/src/autohide/_common.scss
@@ -31,9 +31,15 @@
 @include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.autohide.infobar") {
   #navigator-toolbox {
     position: relative;
-    z-index: 2;
+    &:is(:hover, :focus-within) {
+      z-index: 2;
+
+      #PersonalToolbar {
+        z-index: -1;
+      }
+    }
   }
-  #navigator-toolbox:not(:hover) {
+  #navigator-toolbox:not(:hover):not(:focus-within) {
     animation: 1s keepfront;
   }
   @keyframes keepfront {
@@ -45,10 +51,6 @@
     }
   }
 
-  #PersonalToolbar {
-    z-index: -1;
-  }
-
   #sidebar-box:is(:hover, :focus-within) {
     position: relative;
     z-index: 2 !important;