Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Keyboard manager em Listas

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?

1 resposta
solução!

Adicionei a propridade { descendants: true } no ContentChildren

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software