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

Touch Scrolling on inline calendar wrongfully triggers click events - bug introduced in 9.0.0 #1061

Open
exophunk opened this issue Dec 23, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@exophunk
Copy link

Describe the bug
We use the inline calendar to show multiple calendar months below each other on a mobile device. Before, when scrolling (with touch) you could scroll the page containing the calendars normally. Version 8.8.1 was ok.

Starting with version 9, the touchstart event on top of a calendar item would trigger a click-event. So you basically cant scroll the page on top of a calendar without triggering a date selection.

This makes the calendar unusable in our case, as scrolling would automatically select any random date and with the range option, its almost impossible afterwards to select the right range.

To Reproduce

Reproduction: https://stackblitz.com/edit/vuepic-vue-datepicker-4aj8ctal?file=src%2Fcomponents%2FPlayground.vue

Steps to reproduce the behavior:

  1. Use with mode "multi calendar" and "inline
  2. Open on a touch device or on simulator with touch.
  3. Make window narrow
  4. try to scroll down with touch + drag
  5. Try to scroll down without selecting dates. not possible

Expected behavior
I expect to use inline calendar on mobile without accidental clicks when scrolling

Desktop & mobile (please complete the following information):

  • Mobile or Touch (firefox/ safari/chrome)
  • Lib Version 9+
  • Version 8.8.1 OK!
@exophunk exophunk added awaiting triage The issue is not reviewed by the maintainers bug Something isn't working labels Dec 23, 2024
@Jasenkoo Jasenkoo removed the awaiting triage The issue is not reviewed by the maintainers label Dec 25, 2024
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
Development

No branches or pull requests

2 participants