Блог

У меня есть диалоговое окно mat, в котором есть два варианта. По какой-то причине при загрузке автофокусировка переключается на одну из кнопок mat, из-за чего она не отображается равномерно. Как мне сделать так, чтобы наложение фокуса не было включено ни на одной из кнопок? Вот код:

 <div *ngIf="!discontinued">
    <h3>Do you want to return <b>{{quantity}}</b> of</h3>  
    <h3><b>Item #: {{itemNo}}?</b></h3> 
    <div mat-dialog-actions style="display: flex; justify-content: space-evenly;">
        <div>
           <button mat-button [disableRipple]="true" color="return" (click)="singleReturn()"  mat-dialog-close>Yes, complete my return.</button> 
        </div>
        <div>
           <button mat-button [disableRipple]="true" color="return" (click)="multipleReturns()" mat-dialog-close>Yes, return more items.</button>
        </div>
        
    </div>
    <div style="display: flex; justify-content: center; margin-top: 30px;">
        <a id="keep" mat-flat-button [mat-dialog-close]>No, I want to keep this item</a>
    </div>
</div>
  

диалоговое окно mat имеет свойство autoFocus, для которого вы можете установить значение false

 this.dialogRef = this.dialog.open(exampleDialog, {
  width: '500px',
  data: { },
  autoFocus: false
});