add support for disabled selects

dradis · Oct 10, 2024 · 607080a · 607080a
1 parent 0409fdb
commit 607080a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/app/assets/javascripts/shared/combobox.js b/app/assets/javascripts/shared/combobox.js
@@ -105,6 +105,10 @@ class ComboBox {
       : this.$comboboxOptions.first();
 
     this.selectOptions($initialOption);
+    this.$combobox.toggleClass(
+      'disabled',
+      !!this.$target.attr('disabled')?.length
+    );
     this.behaviors();
   }
 
@@ -163,6 +167,11 @@ class ComboBox {
       }
 
       that.selectOptions($options);
+
+      that.$combobox.toggleClass(
+        'disabled',
+        !!$(this).attr('disabled')?.length
+      );
     });
   }
 

diff --git a/app/assets/stylesheets/shared/combobox.scss b/app/assets/stylesheets/shared/combobox.scss
@@ -33,6 +33,15 @@
     --spacing: 0.25rem;
     padding: var(--spacing) 2.25rem var(--spacing) var(--spacing);
   }
+
+  &.disabled {
+    background-color: $dropdownLinkBackgroundHover;
+    pointer-events: none;
+
+    .unselect-multi-option {
+      pointer-events: none;
+    }
+  }
 }
 
 .combobox-menu {