Click Event/Active Areas not working properly with touch screens

On touch devices, the active areas with visibility: "Hover" won't be displayed as there is no hover event. In some edge cases, the mobile browsers will fire mousemove event which is used to detect the hover but that is an exception.

I recommend setting the active area visibility to "Visible" or "TouchVisible". See also:
https://api.daypilot.org/daypilot-area-properties/

Hi Dan,

This might explain the issue with the online demo but still doesn't explain the issue I am having. I already have the area's visibility set to "Visible". And not only the active areas are causing the issue, any element inside the event won't fire the click event on a touch screen tap unless tapped 3 or 4 times rapidly.

The default action type ("Default" or undefined) lets the event go through to the underlying object (e.g. an event) and the touch start/end are not handled explicitly. If you want to fire onClick for touchstart you need to specify action: "None". That will fire onClick on touch start and cancel the event bubbling. You can also use other action types to invoke a specific action (e.g. "ContextMenu').