Tengo múltiples entradas editables en mi pantalla.

Entre estas entradas editables tengo botones y entradas deshabilitadas.

El comportamiento real es cuando presiono Tabulador, los elementos html entre la entrada actual y la siguiente se enfocan. Debería presionar Tab hasta que llegue a la Entrada de mi hermano.

Este comportamiento no es lo que quiero.

Lo que espero es que cuando presiono el tabulador, la siguiente entrada deseada se enfoque.

Aquí un código simplificado

 <ng-container #form *ngFor="let elm of elms; let currIndex = index" cdkTrapFocus [cdkTrapFocusAutoCapture]="true"> <app-item [index]="currIndex"> Here I get a line with : span, disabled input , editable input then a button </app-item> </ng-container>

Traté de usar una directiva que se enfoca en el próximo hermano dependiendo de que no funcione debido a elementos html anidados complejos dentro app-item .

Me gustaría saber si hay una solución mucho más simple usando Angular CDK y "etiquetar" los elementos deseados para enfocar usando la tecla de tab .