Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
yunmengmeng opened this issue Jul 30, 2024 · 14 comments · May be fixed by #22945 or #22947
Open

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

yunmengmeng opened this issue Jul 30, 2024 · 14 comments · May be fixed by #22945 or #22947

Comments

@yunmengmeng
Copy link

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
Copy link

sr0419 commented Jul 31, 2024

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

@kaifa5ji
Copy link

kaifa5ji commented Aug 2, 2024

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

@LiangZhuofeng
Copy link

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

@rangerliu818
Copy link

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

@GannonSun
Copy link

GannonSun commented Aug 6, 2024

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

@rabbitDu28
Copy link

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

@rabbitDu28
Copy link

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

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

element ui怎么解决啊

@bxh1071
Copy link

bxh1071 commented Aug 7, 2024

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

@wangdaodao wangdaodao linked a pull request Aug 8, 2024 that will close this issue
3 tasks
@bywwcnll
Copy link

一样的问题
image

@panxingchen111
Copy link

bug
一样的问题

@panxingchen111
Copy link

panxingchen111 commented Aug 19, 2024 via email

@lixianpei
Copy link

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

@bxh1071
Copy link

bxh1071 commented Sep 2, 2024

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

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

@monhly
Copy link

monhly commented Oct 29, 2024

: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;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet