[material-ui][Dialog] Error message when closing a Dialog

Open
#43,106 49 comments 44 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

Assessment

This issue has not been assessed yet.

Description

external dependency scope: dialog
Steps to reproduce

Link to live example: (required)

Steps:

  1. open a Dialog component
  2. close a Dialog component
  3. check console and there will be a error saying this:

Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

Current behavior

There is a error closing Dialog Component
I've also tried it in the Documentation of Dialog Component
and I'm still getting that error message in the console.
Blocked aria-hidden on a

element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

image

Expected behavior

There shouldn't be any error closing dialog component

Context

No response

Your environment

No response

Search keywords: MUI Dialog, Aria-hidden

Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mui/material-ui

All issues in mui/material-ui

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.