fix(stark-ui): dropdown - fix click event not working around the `mat…

…-select` element Renamed `"singleSelect"` to `"singleSelectEl"` and `"multiSelect"` to `"multiSelectEl"`
NationalBankBelgium · Aug 25, 2021 · cd29848 · cd29848
1 parent 9e1e837
commit cd29848
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/stark-ui/src/modules/dropdown/components/dropdown.component.html b/packages/stark-ui/src/modules/dropdown/components/dropdown.component.html
@@ -1,7 +1,7 @@
 <!-- Support for changing multiSelect after init. https://material.angular.io/components/select/overview#error-cannot-change-code-multiple-code-mode-of-select-after-initialization -->
 <!-- single-selection view -->
 <mat-select
-	#singleSelect
+	#singleSelectEl
 	*ngIf="!multiSelect"
 	[value]="value"
 	[id]="dropdownId"
@@ -29,7 +29,7 @@
 
 <!-- multiple-selection view -->
 <mat-select
-	#multiSelect
+	#multiSelectEl
 	*ngIf="multiSelect"
 	[value]="value"
 	[id]="dropdownId"

diff --git a/packages/stark-ui/src/modules/dropdown/components/dropdown.component.ts b/packages/stark-ui/src/modules/dropdown/components/dropdown.component.ts
@@ -225,13 +225,13 @@ export class StarkDropdownComponent
 	/**
 	 * Reference to the single MatSelect element embedded in this component
 	 */
-	@ViewChild("singleSelect", { static: true })
+	@ViewChild("singleSelectEl")
 	private singleSelectElement?: MatSelect;
 
 	/**
 	 * Reference to the multi MatSelect element embedded in this component
 	 */
-	@ViewChild("multiSelect", { static: true })
+	@ViewChild("multiSelectEl")
 	private multiSelectElement?: MatSelect;
 
 	/**