tabIndex does not focus on the input, but to the all component.

[kfirufk]

I have a registration page where user selects his country. I use tabIndex on each/input select element, but when I click tab to focus on the mat-select-country, it focuses on the all element instead of the input, so I can't really type anything.

I use angular 11.2.3 with select-country 4.0.3 and angular material 11.2.2.

and this is how i use mat-select-country:

       <mat-select-country appearance="outline"
                                i18n-label
                                label="Country"
                                formControlName="country" tabindex="6">
            </mat-select-country>