@danielgindi/selectbox 2.0.38 → 2.0.40

package/lib/SelectBox.js

@@ -2237,7 +2237,9 @@ class SelectBox {
                         break;
 
                     default:
-                        if (p.allowTypeToSelect) {
+                        if (dropList.isVisible()) {
+                            dropList._keydownFreeType(evt, false);
+                        } else if (p.allowTypeToSelect) {
                             dropList._keydownFreeType(evt, true);
                         } else {
                             this.openList();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "2.0.38",
+  "version": "2.0.40",
   "description": "A collection of dom utilities. So you can work natively with the dom without dom frameworks.",
   "main": "dist/lib.cjs.min.js",
   "module": "lib/index.js",
@@ -31,30 +31,30 @@
   "homepage": "https://github.com/danielgindi/selectbox#readme",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-env": "^7.28.3",
-    "@babel/runtime": "^7.28.4",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.38.0",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/runtime": "^7.28.6",
+    "@eslint/eslintrc": "^3.3.4",
+    "@eslint/js": "^9.39.3",
     "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^28.0.8",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "core-js": "^3.46.0",
-    "eslint": "^9.38.0",
-    "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-vue": "^9.32.0",
-    "fs-extra": "^11.3.2",
-    "globals": "^16.4.0",
+    "core-js": "^3.48.0",
+    "eslint": "^9.39.3",
+    "eslint-formatter-codeframe": "^7.32.2",
+    "eslint-plugin-vue": "^9.33.0",
+    "fs-extra": "^11.3.3",
+    "globals": "^17.4.0",
     "husky": "^9.1.7",
     "pinst": "^3.0.0",
-    "rollup": "^4.52.5",
-    "sass": "^1.93.2",
-    "vite": "^7.2.2"
+    "rollup": "^4.59.0",
+    "sass": "^1.97.3",
+    "vite": "^7.3.1"
   },
   "dependencies": {
     "@danielgindi/dom-utils": "^1.0.11",
-    "@danielgindi/virtual-list-helper": "^1.0.15",
+    "@danielgindi/virtual-list-helper": "^1.0.18",
     "fast-deep-equal": "^3.1.3",
     "keycode-js": "^3.1.0",
     "mitt": "^3.0.1"

package/vue/SelectBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <span ref="el" />
+  <span :ref="v => el = v" />
 </template>
 
 <script>
@@ -311,6 +311,7 @@ export default {
     data() {
         return {
             el: undefined,
+            isMounted: false,
 
             nonReactive: Object.seal({
                 instance: undefined,
@@ -739,27 +740,31 @@ export default {
                     this.nonReactive.instance.invokeRefilter();
             },
         },
-    },
-
-    mounted() {
-        this._createBox();
 
-        if (window.ResizeObserver === undefined) {
-            this._isAttached = !!this.$refs.el && document.body.contains(this.$refs.el);
+        el(v) {
+            if (v) {
+                if (this.isMounted) {
+                    this._createBox();
 
-            this.$nextTick(() => {
-                if (this.nonReactive.instance && this._isAttached)
-                    this.nonReactive.instance.refreshSize();
-            });
-        }
+                    if (window.ResizeObserver === undefined) {
+                        const wasAttached = this._isAttached;
+                        this._isAttached = !!this.el && document.body.contains(this.el);
+                        if (!wasAttached && this.nonReactive.instance && this._isAttached)
+                            this.nonReactive.instance.refreshSize();
+                    }
+                }
+            } else {
+                this._destroyBox();
+            }
+        },
     },
 
-    updated() {
-        if (this.$refs.el && this.el !== this.$refs.el) {
-            this._createBox();
-        }
+    mounted() {
+        this.isMounted = true;
 
-        if (window.ResizeObserver === undefined) {
+        this._createBox();
+
+        if (window.ResizeObserver === undefined && this.nonReactive.instance) {
             const wasAttached = this._isAttached;
             this._isAttached = !!this.$refs.el && document.body.contains(this.$refs.el);
             if (!wasAttached && this.nonReactive.instance && this._isAttached)
@@ -767,8 +772,8 @@ export default {
         }
     },
 
-    [isVue3 ? 'unmounted' : 'destroyed']() {
-        this._destroyBox();
+    unmounted() {
+        this.isMounted = false;
     },
 
     methods: {
@@ -811,7 +816,6 @@ export default {
         _createBox() {
             this._destroyBox();
 
-            this.el = this.$refs.el;
             if (!this.el)
                 return;
 
@@ -875,8 +879,6 @@ export default {
                 this.nonReactive.instance.destroy();
                 this.nonReactive.instance = undefined;
             }
-
-            this.el = undefined;
         },
 
         _concatClassesObject(classes) {