fix(Dropdown): disable the trigger element if the dropdown have `disa…

…ble="true"` (#878)
Endava · Feb 27, 2024 · 54c87fd · 54c87fd
1 parent 02926ca
commit 54c87fd
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/beeq/src/components/dropdown/bq-dropdown.tsx b/packages/beeq/src/components/dropdown/bq-dropdown.tsx
@@ -69,6 +69,14 @@ export class BqDropdown {
     this.bqOpen.emit({ open: this.open });
   }
 
+  @Watch('disabled')
+  handleDisabledChange() {
+    if (!this.triggerElem) return;
+
+    // set 'disabled' attribute based on 'this.disabled' value, ensuring consistent state handling
+    this.disabled ? this.triggerElem?.setAttribute('disabled', 'true') : this.triggerElem?.removeAttribute('disabled');
+  }
+
   // Events section
   // Requires JSDocs for public API documentation
   // ==============================================
@@ -82,6 +90,7 @@ export class BqDropdown {
 
   componentDidLoad() {
     this.triggerElem = this.el.querySelector('[slot="trigger"]');
+    this.handleDisabledChange();
   }
 
   // Listeners