react-component / dialog

React Dialog
https://dialog.react-component.vercel.app/
MIT License
434 stars 188 forks source link

fix: Avoid using aria-hidden on a focused element #449

Closed afc163 closed 1 month ago

afc163 commented 1 month ago

close https://github.com/ant-design/ant-design/issues/50170

Blocked aria-hidden on a <div> 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. <div tabindex=​"0" aria-hidden=​"true" style=​"width:​ 0px;​ height:​ 0px;​ overflow:​ hidden;​ outline:​ none;​">​</div>

看了下 MUI 也没有加 aria-hidden。​

截屏2024-08-01 23 23 25
vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
dialog ❌ Failed (Inspect) Aug 1, 2024 3:37pm
pzq82 commented 1 month ago

vue版本的模态框也会有同样的问题能,修复下吗

yoyo837 commented 1 month ago

vue版本的模态框也会有同样的问题能,修复下吗

Vue版本由社区维护,请到有关仓库反馈。