From 067d6252b24263574232797aedfbb034e4c59519 Mon Sep 17 00:00:00 2001
From: Tsanie Lily <tsorgy@gmail.com>
Date: Sat, 1 Apr 2023 02:25:10 +0800
Subject: [PATCH] fix panel dropping issue about input drop-down box

---
 lib/ui/dropdown.html | 18 +++++++++++++-----
 lib/ui/dropdown.js   | 12 ++++--------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/lib/ui/dropdown.html b/lib/ui/dropdown.html
index b27908a..0f0e6c0 100644
--- a/lib/ui/dropdown.html
+++ b/lib/ui/dropdown.html
@@ -89,11 +89,19 @@
   <script type="text/javascript">
     !function () {
       const Dropdown = window["lib-ui"].Dropdown;
-      console.log(Dropdown);
+      const sample = document.querySelector('#dropdown-sample');
 
-      Dropdown.resolve(document.querySelector('#dropdown-sample'));
+      Dropdown.resolve(sample);
 
-      const drop = new Dropdown({
+      let drop = new Dropdown({
+        input: true,
+        selected: 'standby'
+      });
+      drop.source = ['off', 'running', 'standby', 'broken']
+        .map(it => { return { value: it, text: it } });
+      sample.appendChild(drop.create());
+
+      drop = new Dropdown({
         selected: '#ff0',
         search: true,
         multiselect: true
@@ -114,7 +122,7 @@
         span.innerText = it.text;
         it.html = span;
       });
-      document.querySelector("#dropdown-sample").appendChild(drop.create());
+      sample.appendChild(drop.create());
     }();
   </script>
   <style type="text/css">
@@ -122,7 +130,7 @@
       display: flex;
     }
 
-    #dropdown-sample > .dropdown-wrapper {
+    #dropdown-sample>.dropdown-wrapper {
       width: 200px;
       margin-right: 10px;
     }
diff --git a/lib/ui/dropdown.js b/lib/ui/dropdown.js
index 1d302f4..e874d49 100644
--- a/lib/ui/dropdown.js
+++ b/lib/ui/dropdown.js
@@ -363,18 +363,14 @@ class Dropdown {
             //     const event = new InputEvent('type');
             //     inputSearch.dispatchEvent(event);
             // }
-            if (options.input) {
-                this.#label.dispatchEvent(new InputEvent('type'));
-            } else if (options.search) {
+            if (!options.input && options.search) {
                 const search = panel.querySelector('.dropdown-search > input');
                 if (!nullOrEmpty(search?.value)) {
                     search.dispatchEvent(new InputEvent('type'));
-                } else {
-                    this.#filllist(this.source);
+                    return;
                 }
-            } else {
-                this.#filllist(this.source);
             }
+            this.#filllist(this.source);
         } else {
             panel.classList.remove('active');
         }
@@ -507,7 +503,7 @@ class Dropdown {
             sel.parentElement.replaceChild(drop.create(), sel);
         }
         return dom;
-        }
+    }
 }
 
 export default Dropdown;
\ No newline at end of file