Клавиша пробела не работает в поле ввода, когда поле ввода находится внутри вкладки угловой материал

Question

У меня есть поле ввода внутри вкладки угловой материал -

<mat-tab-group     headerPosition="below">
    <mat-tab *ngFor="let sheet of sheets; let index = index">
        <ng-template mat-tab-label>            
            <input type="text" (keydown)="onkeypress($event)">
        </ng-template>
    </mat-tab>
</mat-tab-group>

Все ключевые события работают нормально, кроме пробела. Когда я пытаюсь нажать клавишу пробела.

Примечание. Если я нажму клавишу Ctrl + Пробел, клавиша пробела будет работать.

Answer 1

Просто используйте приведенный ниже код в вашем файле TS

handleInput(event: KeyboardEvent): void{
   event.stopPropagation();
} 

И в вашем файле HTML (keydown)="handleInput($event) Это будет работать определенно