You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
On iOS, selecting dates with markers + label toggles the tooltip without selecting the date. The behavior on android is to toggle the tooltip and selects the date.
See how the first click only opens the tooltip and a second click is required in order to select the date
Expected behavior
I would expect iOS to have the same behavior as android, because as it is right now you need to click twice on a date in order to select it.
Screenshots
Clicking once:
Clicking twice:
Desktop & mobile (please complete the following information):
iPhone 13 v16.3, Safari
Library version 8.8.0
I've played around with possible solutions and if we change the @click event for a @touchend event it behaves just as my expectation. <div v-if="dayVal.marker?.tooltip" class="dp__tooltip_content" @click="onTpClick"> <div v-if="dayVal.marker?.tooltip" class="dp__tooltip_content" @touchend="onTpClick">
src/VueDatePicker/components/DatePicker/DpCalendar.vue:94
I'm not knowledgeable enough to understand if such change would break other expected behaviors, but it appears to make it work the same on iOS/android/desktop
The text was updated successfully, but these errors were encountered:
Should this be handled with the allowPreventDefault config? It makes it so it doesn't require two clicks to select the date but the tooltip won't trigger
Describe the bug
On iOS, selecting dates with markers + label toggles the tooltip without selecting the date. The behavior on android is to toggle the tooltip and selects the date.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I would expect iOS to have the same behavior as android, because as it is right now you need to click twice on a date in order to select it.
Screenshots

Clicking once:
Clicking twice:

Desktop & mobile (please complete the following information):
I've played around with possible solutions and if we change the
@click
event for a@touchend
event it behaves just as my expectation.<div v-if="dayVal.marker?.tooltip" class="dp__tooltip_content" @click="onTpClick">
<div v-if="dayVal.marker?.tooltip" class="dp__tooltip_content" @touchend="onTpClick">
src/VueDatePicker/components/DatePicker/DpCalendar.vue:94
I'm not knowledgeable enough to understand if such change would break other expected behaviors, but it appears to make it work the same on iOS/android/desktop
The text was updated successfully, but these errors were encountered: