@danielgindi/selectbox 2.0.31 → 2.0.33

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`);
         }
 
@@ -3376,16 +3376,20 @@ class SelectBox {
 
         let group = [], stickyGroup = null;
         let groups = [group];
+        let inGroup = false;
         const selectedValuesSet = new Set(p.selectedValues);
         let item, i, len;
 
         // Split to groups
         for (i = 0, len = items.length; i < len; i++) {
             item = items[i];
-            if (item._group && group.length) {
+
+            if ((item._group && group.length) || (inGroup && !item._group && !item._child)) {
+                inGroup = !!item._group;
                 group = [];
                 groups.push(group);
             }
+
             group.push(item);
         }
 

package/package.json

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