refactor(select): use ng-select classes to add mat color

ng-matero · May 17, 2024 · dd77e7e · dd77e7e
1 parent 417e051
commit dd77e7e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/projects/extensions/select/select.html b/projects/extensions/select/select.html
@@ -1,4 +1,4 @@
-<ng-select #ngSelect
+<ng-select #ngSelect class=""
   [class.ng-select-invalid]="errorState"
   [(ngModel)]="value"
   [ngModelOptions]="{standalone: true}"

diff --git a/projects/extensions/select/select.ts b/projects/extensions/select/select.ts
@@ -587,10 +587,7 @@ export class MtxSelect
   openChange() {
     this.openEvent.emit();
 
-    // TODO: The ng-select has no `panelClass` prop, so we can add the theme color by the following way.
-    setTimeout(() => {
-      const dropdownEl = document.getElementById(this.ngSelect.dropdownId) as HTMLElement;
-      dropdownEl.classList.add('mat-' + this._parentFormField?.color);
-    });
+    // The ng-select has no `panelClass` prop, so we can add the theme color by the following way.
+    this.ngSelect.classes += ' mat-' + this._parentFormField?.color;
   }
 }