[fields] arrow key navigation jumps from day to year part

[craigsh]

Steps to reproduce

Steps:

1. Open this link to live example: https://stackblitz.com/edit/react-5c1shsfq
2. Select the entire field (e.g. Ctrl-A)
3. Use up/down arrow keys to change the first part (MM)
   3.Use right arrow key - the YYYY part is highlighted - it should move to the DD part

Current behavior

The focus moves from the first part (MM) to the third part (YYYY)

Expected behavior

Using the right arrow key should move focus to the next part of the date.

Context

No response

Your environment

Broken on the demo pages

Search keywords: Date field arrows

Order ID: 99361

[LukasTy]

Thank you for reporting this problem. 🙏
I think the best solution would be to remove the all-field selection if a value modification is done because it causes confusion and could also fix this problem as a "side-effect". 🤔

What do you think about this proposal? Do you agree? 🤔

[craigsh]

Thanks for the quick response.

I agree that sounds like a good solution. It does seem a bit odd to use the up and down arrow keys to modify the first part when the whole thing is selected. Best to just select the part being modified.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@craigsh How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.