From 26f9f584c7a4a885d516cc7d0a079f4fc327da39 Mon Sep 17 00:00:00 2001
From: ElysaSrc <101974839+ElysaSrc@users.noreply.github.com>
Date: Sat, 29 Jun 2024 23:45:42 +0200
Subject: [PATCH] frontend: fix user-select and dragging of img item

---
 frontend/components/viewer/map/Marker.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/components/viewer/map/Marker.vue b/frontend/components/viewer/map/Marker.vue
index 5de50f4..bcc3dac 100644
--- a/frontend/components/viewer/map/Marker.vue
+++ b/frontend/components/viewer/map/Marker.vue
@@ -2,15 +2,19 @@
   <div
     class="map-marker-container"
     :style="
-      { width: `${props.highlighted ? Math.round(1.25*props.width) : props.width}px`,
-        height: `${props.highlighted ? Math.round(1.25*props.height) : props.height}px` }"
+      {
+        width: `${props.highlighted ? Math.round(1.25*props.width) : props.width}px`,
+        height: `${props.highlighted ? Math.round(1.25*props.height) : props.height}px`,
+      }
+    "
   >
     <img
       :class="{ highlighted: !!props.highlighted }"
       :width="props.highlighted ? Math.round(1.25*props.width) : props.width"
       :height="props.highlighted ? Math.round(1.25*props.height) : props.height"
       :src="props.highlighted ? urls.upscaled_url : urls.url"
-      style="cursor: pointer"
+      style="cursor: pointer; user-select: none;"
+      draggable="false"
       class="map-marker"
       @click="handleClick"
     >