ant-design/ant-design

Accessibility: Focus on invisible div in tabs while tabbing

開放

#49,680 建立於 2024年7月2日

 (3 則留言) (0 個反應) (0 位負責人)TypeScript (54,612 個分叉)batch import
Inactivehelp wanted⌨️ Accessibility

倉庫指標

星標
 (98,031 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. Select first tab
  2. Use 'Tab' key to move focus
  3. Focus is lost after moving past last tab because it is focused on hidden div element

What is expected?

Focus should move between interactive elements, and should not disappear at any point

What is actually happening?

Focus visually disappears when landing on the non-interactive and invisible hidden div

Environment Info
antd 5.19.0
React 18.3.1
System Windows 10 Enterprise
Browser Google Chrome: version 126.0.6478.127

antd version: 5.19.0 (I couldn't select version so I put it here) The same issue is here: https://ant.design/components/tabs also it is the same issue like for modal here: https://github.com/react-component/dialog/issues/429

貢獻者指南