aboutsummaryrefslogtreecommitdiff
path: root/src/components/TileImg.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-03-25 15:51:35 +1100
committerTerry Truong <terry06890@gmail.com>2022-03-25 15:51:35 +1100
commit34adef1a06316694383a0b9a000efd61bf52e61f (patch)
tree10f9e2aaee7b06eee1ed553d1219da6bea54b3ad /src/components/TileImg.vue
parent655faf508dd9c1d811fbd4ca325a41aa5da4f0b3 (diff)
Prevent mouse event propagation from info icons
Diffstat (limited to 'src/components/TileImg.vue')
-rw-r--r--src/components/TileImg.vue3
1 files changed, 2 insertions, 1 deletions
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"/>