v2.1.1

Author: erwinheldy

CHANGELOG.md

@@ -1,3 +1,6 @@
+v2.1.1
+  - Fix show method not focusing on input.
+
 v2.1.0
   - Added new methods: `show`, `hide`, and `toggle`.
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "use-bootstrap-select",
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Create a select element using the native Bootstrap 5 dropdown UI",
   "license": "MIT",
   "homepage": "https://use-bootstrap-select.js.org",

src/lib/use-bootstrap-select.tsx

@@ -226,9 +226,6 @@ export default class UseBootstrapSelect {
       this.selectElement.addEventListener('focus', () => {
         inputElement.focus()
       })
-      this.selectElement.addEventListener(eventShow, show)
-      this.selectElement.addEventListener(eventHide, hide)
-      this.selectElement.addEventListener(eventToggle, toggle)
 
       const [focus, setFocus] = createSignal(false)
       const [shown, setShown] = createSignal(false)
@@ -284,6 +281,20 @@ export default class UseBootstrapSelect {
           hide()
         }
       }
+      this.selectElement.addEventListener(eventShow, () => {
+        show()
+        inputElement.focus()
+      })
+      this.selectElement.addEventListener(eventHide, hide)
+      this.selectElement.addEventListener(eventToggle, () => {
+        if (!shown()) {
+          show()
+          inputElement.focus()
+        }
+        else {
+          hide()
+        }
+      })
 
       // Dropdown
       const Dropdown = ({ children }: WithChildren) => {