Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: DatePicker interaction issue with arrow keys when numberOfMonths > 1 #1636

Closed
hartbit opened this issue Feb 19, 2025 · 1 comment · Fixed by #1638 or #1644
Closed

[Bug]: DatePicker interaction issue with arrow keys when numberOfMonths > 1 #1636

hartbit opened this issue Feb 19, 2025 · 1 comment · Fixed by #1638 or #1644
Assignees
Labels
bug Something isn't working

Comments

@hartbit
Copy link
Contributor

hartbit commented Feb 19, 2025

Environment

Developement/Production OS: macOS 15.3.1
Node version: 20.18.0
Package manager: [email protected]
Radix Vue version: 1.9.15
Vue version: 3.5.15
CSS framework: [email protected]
Client OS: macOS 15.3.1
Browser: Firefox 135

Link to minimal reproduction

https://stackblitz.com/edit/bpgpb7ux?file=src%2FApp.vue

Steps to reproduce

  1. Navigate to the view showing January-February 2025.
  2. Select the 1st of January 2025.
  3. Use the ArrowLeft key.

OR

  1. Navigate to the view showing January-February 2025.
  2. Select the 28th of Feburary 2025.
  3. Use the ArrowRight key.

Describe the bug

The component navigates to the previous/next month but does not select the correct day.

Expected behavior

I would have expected:

  • ArrowLeft from January 1st 2025 to navigate to December 31st 2024.
  • ArrowRight from February 28th 2025 to navigate to March 1st 2025.

Context & Screenshots (if applicable)

No response

@hartbit
Copy link
Contributor Author

hartbit commented Feb 21, 2025

@zernonia This doesn't seem fixed and actually seems worse as it's also buggy when numberOfMonths = 1 now.

Steps to reproduce [numberOfMonths = 1]

  1. Navigate to the view showing February 2025.
  2. Select the February the 1st 2025.
  3. Use the ArrowLeft key.

It selectes January the 28th instead of January the 31st.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
3 participants