From a99a833c381e2bdb20fc02dfbceb22c493fb5430 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Fri, 19 Jul 2024 19:00:52 -0400
Subject: [PATCH] Fix searchbox immediate dismiss issue (#171)

---
 src/components/NodeSearchBoxPopover.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/NodeSearchBoxPopover.vue b/src/components/NodeSearchBoxPopover.vue
index e050ea0bf..c82cb00ab 100644
--- a/src/components/NodeSearchBoxPopover.vue
+++ b/src/components/NodeSearchBoxPopover.vue
@@ -3,8 +3,9 @@
     <Dialog
       v-model:visible="visible"
       pt:root:class="invisible-dialog-root"
-      dismissable-mask
       modal
+      :dismissable-mask="dismissable"
+      @hide="clearFilters"
     >
       <template #container>
         <NodeSearchBox
@@ -42,6 +43,7 @@ interface LiteGraphPointerEvent extends Event {
 }
 
 const visible = ref(false);
+const dismissable = ref(true);
 const triggerEvent = ref<LiteGraphCanvasEvent | null>(null);
 const getNewNodeLocation = (): [number, number] => {
   if (triggerEvent.value === null) {
@@ -66,7 +68,6 @@ const clearFilters = () => {
   nodeFilters.splice(0, nodeFilters.length);
 };
 const closeDialog = () => {
-  clearFilters();
   visible.value = false;
 };
 const connectNodeOnLinkRelease = (
@@ -137,6 +138,11 @@ const canvasEventHandler = (e: LiteGraphCanvasEvent) => {
   }
   triggerEvent.value = e;
   visible.value = true;
+  // Prevent the dialog from being dismissed immediately
+  dismissable.value = false;
+  setTimeout(() => {
+    dismissable.value = true;
+  }, 300);
 };
 
 const handleEscapeKeyPress = (event) => {