search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.12k stars 14.64k forks source link

[Bug Report] el-radio，点击选择框时，控制台报Blocked aria-hidden on ...... #22936

Open yunmengmeng opened 2 months ago

yunmengmeng commented 2 months ago

Element UI version

2.15.14

OS/Browsers version

chrome

Vue version

2.7.16

Reproduction Link

https://element.eleme.cn/2.15/#/zh-CN/component/radio

Steps to reproduce

点击任意一个选择框，控制台报 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

What is Expected?

看了一下代码，是因为在radio.js文件加了"aria-hidden": "true"这么一个属性 不影响实际使用。网上搜了一圈，发现没有人提到这个现象，所以提一下

What is actually happening?

无

sr0419 commented 2 months ago

看MDN上对aria-hidden解释是：不应该在可以获得焦点的元素上使用 aria-hidden="true"。此外，由于此属性会被元素的子元素继承，因此不应该添加到可获得焦点元素的父元素或祖先元素上。

kaifa5ji commented 2 months ago

我也发现了这个问题 之前没出现过这个报错

LiangZhuofeng commented 2 months ago

el-cascader 如果使用了单选模式的话，那页面上的下拉框都无法关闭了

rangerliu818 commented 2 months ago

是不是也是最近出现的，我之前用的时候没有，刚才用的时候就有这个报错了

GannonSun commented 2 months ago

同样，今天也发现了。应该是谷歌浏览器升级了导致的。隔壁antd的modal也存在这样的问题，已经修复了 https://github.com/ant-design/ant-design/issues/50170

rabbitDu28 commented 2 months ago

我也是一样,之前不会的,大家有没有解决呢

rabbitDu28 commented 2 months ago

同样，今天也发现了。应该是谷歌浏览器升级了导致的。隔壁antd的modal也存在这样的问题，已经修复了 ant-design/ant-design#50170

同样，今天也发现了。应该是谷歌浏览器升级了导致的。隔壁antd的modal也存在这样的问题，已经修复了 ant-design/ant-design#50170

element ui怎么解决啊

bxh1071 commented 2 months ago

我使用的elementUI,不知道是不是v-if导致的，有一定几率报这个错误，然后还有几率导致el-radio 无法选中

bywwcnll commented 2 months ago

一样的问题 image

panxingchen111 commented 2 months ago

bug 一样的问题

panxingchen111 commented 2 months ago

我没有使用v-if,然后更新了浏览器还是会出现这种情况，但是每次只是第一次切换会出现。 Best Regards xcpan（潘星辰） @. ---- 回复的原邮件 ---- @.>发送日期2024年8月19日 @.>@.>, @.>主题Re: [ElemeFE/element] [Bug Report] el-radio，点击选择框时，控制台报Blocked aria-hidden on ...... (Issue #22936) 我使用的elementUI,不知道是不是v-if导致的，有一定几率报这个错误，然后还有几率导致el-radio 无法选中 目前更新谷歌浏览器，就不会出现这个问题了。 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.>

lixianpei commented 1 month ago

谷歌浏览器的问题，升级一下就好了。

bxh1071 commented 1 month ago

谷歌浏览器的问题，升级一下就好了。

升级版本并没有起到作用，依然会报错。我刚刚升级到了谷歌 版本 128.0.6613.85（正式版本） （64 位）版本。