Tengo un div el cual deshabilito mediante css, ese div contiene un input el cual a traves del mouse no se puede acceder pero con tab si permite hacer foco en el. Probé colocando un tabIndex="-1" en el input pero no funciono, sigue permitiendo acceder a el mediante la tecla tab.
Como puedo evitar que se haga foco en el sin tener que hacer un disabled al input?
<div class="d-flex" [ngClass]="{'disabled': isDisabled}">
<div class="width-percent-30 label">
<label>Número</label>
</div>
<div>
<input [inputFormControl]="form.get('number')">
</div>
</div>