@danielgindi/selectbox 2.0.30 → 2.0.32

package/lib/SelectBox.js

@@ -306,7 +306,7 @@ class SelectBox {
         p.multiItemEls = [];
 
         this.enable(!p.disabled);
-        this.setReadOnly(!p.readOnly);
+        this.setReadOnly(p.readOnly);
 
         this._setupDropdownMenu();
 
@@ -2874,10 +2874,10 @@ class SelectBox {
         toggleClass(p.el, `${p.baseClassName}__has_selection`, p.selectedValues.length > 0);
 
         if (p.searchable) {
-            if (p.input) p.input.readOnly = false;
+            if (p.input) p.input.readOnly = p.readOnly;
             p.el.classList.add(`${p.baseClassName}__searchable`);
         } else {
-            if (p.input) p.input.readOnly = p.readOnly;
+            if (p.input) p.input.readOnly = true;
             p.el.classList.remove(`${p.baseClassName}__searchable`);
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "2.0.30",
+  "version": "2.0.32",
   "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",

package/vue/SelectBox.vue

@@ -43,10 +43,7 @@ export const PropTypes = {
     readOnly: {
         type: Boolean,
         required: false,
-    },
-    readonly: { // compatibility with simple readonly attr of inputs
-        type: Boolean,
-        required: false,
+        default: null,
     },
     clearable: {
         type: Boolean,
@@ -482,12 +479,7 @@ export default {
 
         readOnly() {
             if (this.nonReactive.instance)
-                this.nonReactive.instance.setReadOnly(this.readOnly ?? this.readonly ?? false);
-        },
-
-        readonly() {
-            if (this.nonReactive.instance)
-                this.nonReactive.instance.setReadOnly(this.readOnly ?? this.readonly ?? false);
+                this.nonReactive.instance.setReadOnly(this.readOnly ?? false);
         },
 
         clearable(value) {
@@ -819,7 +811,7 @@ export default {
                 baseClass: this.baseClass,
                 direction: this.direction,
                 disabled: this.disabled,
-                readOnly: this.readOnly ?? this.readonly ?? false,
+                readOnly: this.readOnly ?? false,
                 clearable: this.clearable,
                 hasOpenIndicator: this.hasOpenIndicator,
                 placeholder: this.placeholder,