Throwing error as
Cannot read properties of null (reading 'querySelector')
at FormBase.selectEventCallback (ej2-dropdowns.es2015.js:2362:1)
at FormBase.<anonymous> (ej2-dropdowns.es2015.js:2344:1)
at push.92717.ComponentBase.trigger (component-base.js:331:1)
at FormBase.updateSelectedItem (ej2-dropdowns.es2015.js:2339:1)
at FormBase.setSelection (ej2-dropdowns.es2015.js:2415:1)
at FormBase.onMouseClick (ej2-dropdowns.es2015.js:1966:1)
at _ZoneDelegate.invokeTask (zone.js:406:1)
at Object.onInvokeTask (core.mjs:25595:1)
at _ZoneDelegate.invokeTask (zone.js:405:1)
at Zone.runTask (zone.js:178:1)
when selecting an option in the ejs-dropdownlist with templates.
please find the code below
can you please suggest what could be the cause of the issue and how to solve it
<ejs-dropdownlist #workCommitmentdropdown formControlName="WorkCommitmentId" class="work-commitment-dropdown"
[popupWidth]="'auto'" [fields]="fields" [allowFiltering]="true"
[dataSource]="workCommitments"
>
<ng-template #itemTemplate let-data>
<span class="dropdown-row">
<span class="wc-name">{{ data?.name }}</span>
<span class="region-list">{{ data?.regionAbbr}}</span>
</span>
</ng-template>
</ejs-dropdownlist>