feat: Allow top nav to receive keyboard focus (#2269)

jhildenbiddle · web-flow · commit 4d5bf5ac4849 · 2023-11-30T13:23:30.000+08:00
diff --git a/src/themes/basic/_layout.styl b/src/themes/basic/_layout.styl
@@ -171,14 +171,13 @@ li input[type='checkbox']
       border-bottom-color #ccc
       border-radius 4px
       box-sizing border-box
-      display none
       max-height calc(100vh - 61px)
       overflow-y auto
       padding 10px 0
       position absolute
       right -15px
       text-align left
-      top 100%
+      top -100vh
       white-space nowrap
 
       li
@@ -198,8 +197,9 @@ li input[type='checkbox']
         &.active
           border-bottom 0
 
+    &:focus-within ul,
     &:hover ul
-      display block
+      top: 100%;
 
 /* github corner */
 .github-corner
