another attempt to fix mobile

karsonkalt · Jul 19, 2024 · fb5b171 · fb5b171
1 parent 10bbf65
commit fb5b171
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -19,7 +19,7 @@ <h1>Karson Kalt</h1>
         LinkedIn
       </a>
       <a href="https://twitter.com/karsonkalt" target="_blank">X</a>
-      <div class="dropdown-menu">
+      <div class="dropdown-menu" tabindex="0">
         <button
           id="contact-button"
           aria-haspopup="true"

diff --git a/_sass/custom-styles.scss b/_sass/custom-styles.scss
@@ -215,6 +215,7 @@ main {
 
 .dropdown-menu {
   position: relative;
+  user-select: none;
 
   button {
     all: unset;
@@ -244,6 +245,10 @@ main {
     }
   }
 
+  &:focus-within .dropdown-content {
+    display: block;
+  }
+
   .dropdown-content {
     display: none;
     position: absolute;
@@ -256,11 +261,6 @@ main {
     z-index: 1;
     overflow: hidden;
 
-    &:focus-within,
-    &:active {
-      display: block;
-    }
-
     &[data-position="bottom-right"] {
       right: 0;
       animation: growFromTopRight 200ms;