While this code functions correctly in Chrome and other browsers, it encounters issues when run in Internet Explorer. Even with the addition of tabindex=1, the desired output is not achieved in IE browsers.
<div>
<ul>
<ng-container *ngIf="namelist.length; else doElse">
<li
*ngFor="let title of namelist; index as i"
#list
class="some class XYZ"
(click)="selectSomething(title)"
(keydown.enter)="makeSelection(title)"
>
<div
class="some class PQR"
tabindex="0"
(keydown.arrowup)="prev(listElements, i)"
(keydown.arrowdown)="next(listElements, i)"
>
<span class="some class abcd">
{{title}}
</span>
</div>
</li>
</ng-container>
</ul>
</div>