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

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 
});