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

[yunmengmeng]

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.

What is Expected?

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

What is actually happening?

无

[sr0419]

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

[kaifa5ji]

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

[LiangZhuofeng]

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

[rangerliu818]

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

[GannonSun]

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

[rabbitDu28]

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

[rabbitDu28]

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

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

element ui怎么解决啊

[bxh1071]

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

[bywwcnll]

一样的问题

[panxingchen111]

一样的问题

[panxingchen111]

我没有使用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: @.***>

[ghost]

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

[bxh1071]

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

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

[monhly]

:deep(input[aria-hidden="true"]) { display: none !important; }

:deep(.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner){ box-shadow: none; }