From 5adc838e1e74d101b31e834e862e6aad3fc1c392 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 13 Jan 2025 16:56:01 +0100
Subject: [PATCH] Close context menu on mousedown

---
 src/components/maps/Map.astro                 | 16 ++++++++++++++--
 src/components/maps/overlay/MarkerCreator.vue | 16 +++++-----------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/components/maps/Map.astro b/src/components/maps/Map.astro
index 8c3be781..c6639bc7 100644
--- a/src/components/maps/Map.astro
+++ b/src/components/maps/Map.astro
@@ -35,8 +35,20 @@ const {
     <MarkerCreator client:load mapKey={mapKey} />
 </div>
 
-<script lang="ts" define:vars={{ mapKey, zoomifyKey, markers, players, mapHeight, mapWidth, rulerDistanceRatio, rulerMainUnit, rulerHideWalkDistance }} defer>
-
+<script
+    define:vars={{
+        mapKey,
+        zoomifyKey,
+        markers,
+        players,
+        mapHeight,
+        mapWidth,
+        rulerDistanceRatio,
+        rulerMainUnit,
+        rulerHideWalkDistance
+    }}
+    defer
+>
 // Units used for convertions to avoid changing original marker coords
 const xRatio = .68447
 const yRatio = .68447
diff --git a/src/components/maps/overlay/MarkerCreator.vue b/src/components/maps/overlay/MarkerCreator.vue
index 86ed6790..9e26da03 100644
--- a/src/components/maps/overlay/MarkerCreator.vue
+++ b/src/components/maps/overlay/MarkerCreator.vue
@@ -34,21 +34,15 @@ function switchMenuMode(newMode: MenuMode) {
 
 onMounted(() => {
     const mapRef = document.getElementById('world')
-    mapRef?.addEventListener('contextmenu', handleContextMenu)
-    // onLongPress(document.documentElement, handleLongPress, { delay: longPressDelay })
+    if (mapRef) {
+        mapRef.addEventListener('contextmenu', handleContextMenu)
+        mapRef.addEventListener('mousedown', hideMenu)
+    }
 })
 
-// function handleLongPress(e: Event) {
-//     hasBeenLongPressed.value = true
-//     longPressTimer.start()
-
-//     showMenu()
-// }
 
 function handleClickOutside(e: Event) {
-    // if (!hasBeenLongPressed.value) {
-        hideMenu()
-    // }
+    hideMenu()
 }
 
 function handleContextMenu(e: Event) {