From 1b59e3ab6d5e98e8dc06aeee4a63b6a1e345d68f Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Tue, 13 Aug 2024 16:25:11 -0400
Subject: [PATCH] Fast searchbox dialog activation (#410)

---
 src/components/searchbox/NodeSearchBoxPopover.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/searchbox/NodeSearchBoxPopover.vue b/src/components/searchbox/NodeSearchBoxPopover.vue
index b330dd2a7..5db20e775 100644
--- a/src/components/searchbox/NodeSearchBoxPopover.vue
+++ b/src/components/searchbox/NodeSearchBoxPopover.vue
@@ -2,11 +2,20 @@
   <div>
     <Dialog
       v-model:visible="visible"
-      pt:root="invisible-dialog-root"
-      pt:mask="node-search-box-dialog-mask"
       modal
       :dismissable-mask="dismissable"
       @hide="clearFilters"
+      :pt="{
+        root: { class: 'invisible-dialog-root' },
+        mask: { class: 'node-search-box-dialog-mask' },
+        transition: {
+          enterFromClass: 'opacity-0 scale-75',
+          // 100ms is the duration of the transition in the dialog component
+          enterActiveClass: 'transition-all duration-100 ease-out',
+          leaveActiveClass: 'transition-all duration-100 ease-in',
+          leaveToClass: 'opacity-0 scale-75'
+        }
+      }"
     >
       <template #container>
         <NodeSearchBox