enhance(ui): demos for the multi select

deps/shui/src/logseq/shui/demo2.cljs

@@ -124,8 +124,6 @@
 
               :content-props
               {:align "start"
-               :onInteractOutside #(set-open! false)
-               :onEscapeKeyDown #(set-open! false)
                :class "w-80"}})))))
 
    [:hr]
@@ -181,9 +179,7 @@
                                 [:b.text-red-800 v]
                                 [:b.text-green-800 v]))
               :content-props
-              {:onInteractOutside #(set-open! false)
-               :class "w-48"}})
-           ))))
+              {:class "w-48"}})))))
 
    [:hr]
 
@@ -253,10 +249,7 @@
               ;:foot-render (fn [] [:b "footer"])
               :content-props
               {:align "start"
-               :onInteractOutside #(set-open! false)
-               :onEscapeKeyDown #(set-open! false)
-               :class "w-48"}})
-           ))))
+               :class "w-48"}})))))
    ])
 
 (rum/defc icon-picker-demo

deps/shui/src/logseq/shui/select/multi.cljs

@@ -87,14 +87,14 @@
 
     (rum/use-effect!
       (fn []
-        (when (and search-enabled? (false? open?))
-          (js/setTimeout #(set-search-key! "") 500)))
+        (when-let [t (when (and search-enabled? (false? open?))
+                       (js/setTimeout #(set-search-key! "") 500))]
+          #(js/clearTimeout t)))
       [open?])
 
     (x-content
       (merge
-        {:onCloseAutoFocus false
-         :onInteractOutside close1!
+        {:onInteractOutside close1!
          :onEscapeKeyDown close1!
          :on-key-down (fn [^js e]
                         (when-let [^js target (.-target e)]