Fix contact links interaction on mobile devices

BetaMac · Dec 11, 2024 · 5be2f5d · 5be2f5d
1 parent 0e9301d
commit 5be2f5d
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/Portfolio.tsx b/src/components/Portfolio.tsx
@@ -44,9 +44,12 @@ export default function Portfolio() {
       const target = e.target as HTMLElement
       const header = document.querySelector('header')
       const mobileMenu = document.querySelector('nav.mobile-menu')
+      const contactLinks = document.querySelectorAll('a')
 
-      // Allow touch events if we're interacting with the header/menu
-      if (header?.contains(target) || mobileMenu?.contains(target)) {
+      // Allow touch events if we're interacting with the header/menu or links
+      if (header?.contains(target) || 
+          mobileMenu?.contains(target) || 
+          Array.from(contactLinks).some(link => link.contains(target))) {
         return
       }
 
@@ -62,9 +65,12 @@ export default function Portfolio() {
       const target = e.target as HTMLElement
       const header = document.querySelector('header')
       const mobileMenu = document.querySelector('nav.mobile-menu')
+      const contactLinks = document.querySelectorAll('a')
 
-      // Allow touch events if we're interacting with the header/menu
-      if (header?.contains(target) || mobileMenu?.contains(target)) {
+      // Allow touch events if we're interacting with the header/menu or links
+      if (header?.contains(target) || 
+          mobileMenu?.contains(target) || 
+          Array.from(contactLinks).some(link => link.contains(target))) {
         return
       }