How to remove auto focus on button inside angular material modal?

Question

When we place button inside angular material dialog it is auto focussing first button in that modal.

Stackblitz example

Toor

you can add "tabIndex=-1" to each button – Mccaskill

Answer 1

You can add the autofocus = false properties to the dialog to disable the auto focus.

Example as below:

const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
   width: '250px',
   data: {name: this.name, animal: this.animal},
   autoFocus: false 
});

Seamus

The word autofocus in the phraseautofocus = false should be autoFocus. The letter f should be capitalized. – Spickandspan