8000 [Feature] Touchscreen · Issue #53 · antoniandre/vue-cal · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

[Feature] Touchscreen #53

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.

Sign up for GitHub

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

Jump to bottom
Open
2 tasks
cherimo opened this issue Apr 30, 2025 · 2 comments
Open
2 tasks

[Feature] Touchscreen #53

cherimo opened this issue Apr 30, 2025 · 2 comments
Labels
enhancement New feature or request

Comments

@cherimo
Copy link
cherimo commented Apr 30, 2025

Feature Title

Make touchscreen friendly

Feature Description

To move an event on a touch screen device like the same as in a mouse.
I can create an event with touch but not move it.

Use Case

It will support more devices and is also more intuitive

Additional Context

  • I can help implement this feature
  • This feature is critical to my project

Alternative Solutions

No response
@cherimo cherimo added the enhancement New feature or request label Apr 30, 2025
@antoniandre
Copy link
Owner

Hi @cherimo,

I will need you to be more specific about what currently does not work on touch screen.

I actually plan to add a little tweak in the current behavior, but everything is supposedly already working on both desktop and touch devices:

  • events drag and drop
  • resize events from the resizer
  • scrolling and panning
  • create events with click and drag

If this is not working for you please give more details: reproduction link, steps to reproduce, browser, OS and device.

Also note that if you use the desktop browser emulator, you have to first refresh the page once the emulator is on touch device mode.

That being said, the next tweak in my to do list is to add a small touch delay on touch devices when hitting an event or before creating an event from tap and drag to differentiate from a scrolling/panning gesture.

778F
@lchris44
Copy link

Hi @antoniandre,

First of all, thank you for your incredible work on Vue Cal. it’s a fantastic tool, and we really appreciate the effort you’ve put into it!

I'm encountering the same UX issue that I believe others might be facing too, especially with the increasing usage of touch devices like tablets and smartphones.

Problem
When users scroll through the calendar on touch devices, Vue Cal mistakenly interprets the scrolling gesture as a long press and creates a new event. This leads to accidental event creations that degrade the user experience.

Expected Behavior
Ideally, vue-cal should distinguish between an intentional long press (to create an event) and a scroll gesture. Many modern touch-based interfaces detect a “long press without movement” as intent to act, but allow scrolling to bypass that behavior.

Why This Matters
With more than half of traffic now coming from mobile/tablet devices, this issue is quite impactful:

Users accidentally create events just by scrolling.

It interrupts the natural interaction expected on touch screens.

Thanks again 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@cherimo @antoniandre @lchris44
0