fix(dialog): focus before animation to fix a11y

PiperOrigin-RevId: 543557352
material-components · Jun 26, 2023 · 61e5e87 · 61e5e87
1 parent fb4d9c8
commit 61e5e87
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/dialog/lib/dialog.ts b/dialog/lib/dialog.ts
@@ -379,6 +379,10 @@ export class Dialog extends LitElement {
  private async performTransition(shouldDispatchAction: boolean) {
  // TODO: pause here only to avoid a double update warning.
  await this.updateComplete;
+ // Focus initial element.
+ if (this.open) {
+ this.focus();
+ }
  this.showingOpen = this.open;
  if (shouldDispatchAction) {
  this.dispatchActionEvent(this.open ? 'opening' : 'closing');
@@ -415,10 +419,6 @@ export class Dialog extends LitElement {
  Dialog.setDocumentScrollingDisabled(this.open);
  }
  }
- // Focus initial element.
- if (this.open) {
- this.focus();
- }
  if (shouldDispatchAction) {
  this.dispatchActionEvent(this.open ? 'opened' : 'closed');
  }