From 34adef1a06316694383a0b9a000efd61bf52e61f Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 25 Mar 2022 15:51:35 +1100
Subject: Prevent mouse event propagation from info icons

---
 src/components/TileImg.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src/components/TileImg.vue')

diff --git a/src/components/TileImg.vue b/src/components/TileImg.vue
index 7e44f2a..1d83b37 100644
--- a/src/components/TileImg.vue
+++ b/src/components/TileImg.vue
@@ -96,7 +96,8 @@ export default defineComponent({
 	:class="isExpandable ? ['hover:cursor-pointer'] : []">
 	<h1 :style="headerStyles">{{layoutNode.tolNode.name}}</h1>
 	<svg :style="infoIconStyles" class="hover:cursor-pointer"
-		@mouseenter="onInfoMouseEnter" @mouseleave="onInfoMouseLeave" @click.stop="onInfoClick"
+		@mouseenter="onInfoMouseEnter" @mouseleave="onInfoMouseLeave"
+		@click.stop="onInfoClick" @mousedown.stop @mouseup.stop
 		xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
 		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 		<circle cx="12" cy="12" r="10"/>
-- 
cgit v1.2.3

