element-plus [Component] [el-menu] Menu on vertical mode can not interact via keyboard focus

2q5ifsrm  于 5个月前  发布在  其他
关注(0)|答案(6)|浏览(58)

Bug Type: Component

Environment

  • Vue Version: 3.2.47
  • Element Plus Version: 2.3.6
  • Browser / OS: Chrome/114.0.5735.110
  • Build Tool: Vite

Reproduction

  • el-menu
  • el-menu-item
  • el-menu-item-group
  • el-sub-menu

Element Plus Playground

Steps to reproduce

Focus on the first input. Then you will not be able to navigate with your keyboard focus.

What is Expected?

To continue with focus over all menu items and submenu items.

What is actually happening?

Any item is selected and can not navigate through.

Additional comments

On Menu with horizontal dispose it is already working. It fails only on the vertical one.

2vuwiymt

2vuwiymt1#

On the last release issue still active. Can not interact via keyboard focus...

dfty9e19

dfty9e192#

The problem will be viewed

bt1cpqcv

bt1cpqcv3#

The downward action is determined by multiple parties, such as browser page scrolling. Focusing on the menu is not a good focus

aor9mmx1

aor9mmx14#

I am facing the same problem. For accessibility it is critical to be able to reach the menu by keyboard. Currently all entries get tabindex="-1" internally and are not reachable.

NOTE: Same applies horizontal with el-sub-menu! I can open the sub-menu, but not reach the entries.

Also the visual focus is not shown, when focussing a el-sub-menu. I get no visual feedback where I am. I still can click "arrow down" to open the sub-menu, but then I am stuck and can't reach its sub-entries by keyboard.

I hope this can be fixed soon.

vqlkdk9b

vqlkdk9b5#

Hi! Do we have any news on that?

yfwxisqw

yfwxisqw6#

It is actually important about a11y. Why getting ignored?

相关问题