palantir/blueprint

Incorrect Tab order for popover of DateInput2

開放

#6,034 建立於 2023年3月20日

 (4 則留言) (0 個反應) (0 位負責人)TypeScript (2,167 個分叉)batch import
Domain: accessibilityP1Package: datetimeType: bughelp wanted

倉庫指標

星標
 (20,263 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

Environment

  • Package version(s): @blueprintjs/datetime2: 0.9.24
  • Operating System: mac OS
  • Browser name and version: I can replicate the bug in the latest versions of Chrome, Edge and Safari.

Code Sandbox

Link to a minimal repro

Actual behavior

When you have focus in the DateInput2 field and the popover is open and you click the tab keyboard key, you are moved to the next input field (not into the date selector in the popover).

The bug makes it hard to fill out forms only using the keyboard and poses accessibility issues. Focus can be moved to an input field behind the popover which is confusing.

https://user-images.githubusercontent.com/12937146/226369552-12524037-f318-4005-b6b0-cd9150e8484e.mov

Expected behavior

I would expect behavior similar to the DateInput (see beginning of the video). When you have focus in the input field and the popover is open and you click the tab keyboard key I would expect focus to be put on the first button on the date selector popover.

Possible solution

Update tab order, so that the inputs in the data selector is not put in the end.

貢獻者指南