ElemeFE / element

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

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

Open zdb-alt opened 2 weeks ago

zdb-alt commented 2 weeks ago

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 commented 2 weeks ago

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

image

zdb-alt commented 2 weeks ago

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

image

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