fix(Dropdown): optimize logic of disabled attribute based on componen…

…t state
Endava · Feb 26, 2024 · 9b99c79 · 9b99c79
1 parent d241e07
commit 9b99c79
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/beeq/src/components/dropdown/bq-dropdown.tsx b/packages/beeq/src/components/dropdown/bq-dropdown.tsx
@@ -70,11 +70,11 @@ export class BqDropdown {
   }
 
   @Watch('disabled')
-  handleDisabledChange(newValue: boolean) {
-    const bqButton = document.querySelector('bq-button');
-    if (!bqButton) return;
+  handleDisabledChange() {
+    if (!this.triggerElem) return;
 
-    bqButton.disabled = newValue;
+    // 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
@@ -90,7 +90,7 @@ export class BqDropdown {
 
   componentDidLoad() {
     this.triggerElem = this.el.querySelector('[slot="trigger"]');
-    this.handleDisabledChange(this.disabled);
+    this.handleDisabledChange();
   }
 
   // Listeners