fix(Menu): stopPropagation onEscape only if needed

rotki · Jun 20, 2024 · bcce854 · bcce854
1 parent bc817c6
commit bcce854
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/overlays/menu/Menu.vue b/src/components/overlays/menu/Menu.vue
@@ -80,9 +80,13 @@ const { width } = useElementSize(activator);
 
 const click: Ref<boolean> = ref(false);
 
-function onLeave() {
+function onLeave(event?: KeyboardEvent) {
+  if (!get(open))
+    return;
+
   onClose();
   set(click, false);
+  event?.stopPropagation();
 }
 
 function checkClick() {
@@ -141,7 +145,7 @@ const { hasError, hasSuccess } = useFormTextDetail(
 </script>
 
 <template>
-  <div @keydown.esc.stop="onLeave()">
+  <div @keydown.esc="onLeave($event)">
     <div
       ref="activator"
       :class="[css.wrapper, wrapperClass, { 'w-full': fullWidth }]"