epam / epam/UUI

[RangeDatePicker]: Focus order is incorrect for 'From'/'To' fields if datepicker is opened

Open
#2,762 0 comments 0 reactions 0 assignees View on GitHub
A11y bug
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

## Description

Focus order is incorrect.

## Steps to Reproduce

1. Open [RangeDatePicker](https://uui.epam.com/documents?id=rangeDatePicker&mode=doc&category=components&theme=loveship)
2. Navigate to 'From' field via pressing 'Tab' key;
3. Press 'Enter' key to open datepicker;
4. Press 'Tab' key to navigate inside the datepicker and try to enter From value

## Actual result
The 'To' field receives focus, and the first entered value is set in the 'To' field. Only the second value is set in the 'From' field.
https://github.com/user-attachments/assets/e36d8cfb-ffb2-4d55-82d9-d5c72508e1ff

## Expected result
Focus order is correct. User can enter 'From' value using keyboard.

Failed SC:
[2.4.3 Focus Order (Level A)](https://www.w3.org/WAI/WCAG22/Understanding/focus-order)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.