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] chrome input组件报错 #22957

Open
zdb-alt opened this issue Aug 29, 2024 · 2 comments
Open

[Bug Report] chrome input组件报错 #22957

zdb-alt opened this issue Aug 29, 2024 · 2 comments

Comments

@zdb-alt
Copy link

zdb-alt commented Aug 29, 2024

Element UI version

2.15.8

OS/Browsers version

macOS

Vue version

2.6.12

Reproduction Link

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. <input type=​"radio" aria-hidden=​"true" tabindex=​"-1" autocomplete=​"off" class=​"el-radio__original" value=​"1">​

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. <input type=​"radio" aria-hidden=​"true" tabindex=​"-1" autocomplete=​"off" class=​"el-radio__original" value=​"1">​

What is Expected?

不报错

What is actually happening?

浏览器: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. <input type=​"radio" aria-hidden=​"true" tabindex=​"-1" autocomplete=​"off" class=​"el-radio__original" value=​"1">​

@bj-houzhenyu
Copy link

+11111, 单选框组会报错,element的官网也会报错

image

@zdb-alt
Copy link
Author

zdb-alt commented Aug 29, 2024

+11111, 单选框组会报错,element的官网也会报错

image

应该是chrome 问题,需要ui框架来统一修复。临时解决可以移除 组件上的 aria-hidden="true"

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

No branches or pull requests

4 participants
@zdb-alt @bj-houzhenyu and others