First of all thanks for all the hard work these past years! Accessibility is my company's first priority, which is how I ended up using this great package in our UI layer <3
Describe the bug
The datepicker menu closes when trying to reach it by keyboard navigation. Note: this only happens when the date input is empty. If the component already has a date selected, the Tab key will move focus to the clear button first, and then focus is moved to the datepicker menu.
To Reproduce
Steps to reproduce the behavior:
- Press Tab key to focus the datepicker input.
- Press Enter key to open datepicker menu.
- Press Tab key to try to move focus to datepicker menu.
- Focus is moved to the datepicker menu.
- However, the datepicker menu closes, which makes it inaccessible.
Expected behavior
Datepicker menu should stay visible when it receives focus.
Note
I can replicate the bug on the documentation website: https://vue3datepicker.com/props/modes/ - however, it seems that the month-picker and time-picker modes behave differently:
- When there's no value, the datepicker stays visible when moving focus with the Tab key.
- The clear button is skipped when trying to move focus with the Tab key. It only receives focus if the datepicker menu is closed.
If you need more info from my side, just let me know!
First of all thanks for all the hard work these past years! Accessibility is my company's first priority, which is how I ended up using this great package in our UI layer <3
Describe the bug
The datepicker menu closes when trying to reach it by keyboard navigation. Note: this only happens when the date input is empty. If the component already has a date selected, the Tab key will move focus to the clear button first, and then focus is moved to the datepicker menu.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Datepicker menu should stay visible when it receives focus.
Note
I can replicate the bug on the documentation website: https://vue3datepicker.com/props/modes/ - however, it seems that the month-picker and time-picker modes behave differently:
If you need more info from my side, just let me know!