Eu tive o seguinte problema eu tentar implementar a utilização das setas em um menu, o problema é que o item focável é o A** e não o **LI, logo não reflete em nada no front.
<ul
appKeyboardManager
[attr.aria-label]="menuTitle"
role="menubar"
class="menu-nav-list flex">
<li
appKeyboardManagedItem
*ngFor="let item of selectedMenu; let first = first;"
role="none"
class="menu-item">
<a
[attr.tabindex]="first ? 0 : -1"
role="menuitem"
[title]="item.description"
[href]="item.link"
class="link transition font-bold">
{{ item.title }}
</a>
</li>
</ul>
Como posso resolver?