Feat: Prevent focus on hidden sidebar (#2265)

Fix #2225
docsifyjs · Nov 16, 2023 · ae71c69 · ae71c69 · vercel · Nov 16, 2023
1 parent 4e8d6df
commit ae71c69
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/themes/basic/_layout.styl b/src/themes/basic/_layout.styl
@@ -219,7 +219,7 @@ main.hidden
   top 0
   bottom 0
   left 0
-  transition transform 250ms ease-out
+  transition transform 250ms ease-out, visibility 250ms
   width $sidebar-width
   z-index 20
 
@@ -406,6 +406,7 @@ body.sticky
 
 body.close
   .sidebar
+    visibility hidden
     transform translateX(- $sidebar-width)
 
   .sidebar-toggle
@@ -434,8 +435,9 @@ body.close
     overflow-x hidden
 
   .sidebar
+    visibility hidden
     left - $sidebar-width
-    transition transform 250ms ease-out
+    transition transform 250ms ease-out, visibility 250ms
 
   .content
     left 0
@@ -454,6 +456,7 @@ body.close
 
   body.close
     .sidebar
+      visibility visible
       transform translateX($sidebar-width)
 
     .sidebar-toggle