From fb5b171cd782ad48c10c0b7ad321b28bc094db81 Mon Sep 17 00:00:00 2001
From: Karson Kalt <kars.kalt@gmail.com>
Date: Fri, 19 Jul 2024 16:09:04 -0400
Subject: [PATCH] another attempt to fix mobile

---
 _layouts/home.html       |  2 +-
 _sass/custom-styles.scss | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/_layouts/home.html b/_layouts/home.html
index 042fa45..45b4997 100644
--- 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
index 205e255..894ffda 100644
--- 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;