Display Context Menu On Touch Device Tap

Please let me check the issue, I'll get back to you soon.

Any updates about this?

This configuration seems to work fine (on both iOS and Android):

dp.onBeforeEventRender = function(args) {
  args.data.areas = [
      { right: 0, top: 0, left: 0, bottom: 0, action: "ContextMenu"}
  ];
};

This will display the default menu specified using dp.contextMenu. Could you give it a try?

I have tried it and it is not working at all on the desktop. Note that I set the context menu in OnBeforeEventRender too because I set a different context menu according to the event. And there is another area for copying the event. Also, I make the context menu area visible only on small screens. Here is the code I am using:

OnBeforeEventRender: function (instance, scheduler, args) {
            //Copy Area
            var copyIconAreaStyle = "opacity:0;";
            if (instance.CanCopyEvent(args.data)) {
                copyIconAreaStyle += "cursor:copy;";
            } else {
                copyIconAreaStyle += "cursor:no-drop;";
            }

            var copyIconArea = {
                left: 2,
                top: 2,
                width: 20,
                height: 20,              
                style: copyIconAreaStyle,
                visibility: "Hover",
                css: 'copy-area',
                action: "Move",
                data: "event-copy"
            };

            //Context Menu Area
            var optionsArea = {             
                top: 0,
                left: 0,
                style: "width:100%; height:100%",
                css: 'hidden-md hidden-lg',                
                visibility: "Visible",                
                onClick: function (args) {                    
                    var event = args.source;
                    instance.ShowEventContextMenu(event);               
                },               
                //action: 'ContextMenu'
            };


            args.data.areas = [
                copyIconArea,
                optionsArea
            ];

            //Set Context Menu
            args.e.contextMenu = menus.menuA;
            .
            .
            .
        }

There were some inconsistencies in how the context menu is selected for active areas with action: "ContextMenu".

The latest build (2018.4.3472+) now uses the following order when determining the target context menu:

1. area.contextMenu, area.menu (alias)
2. event.data.contextMenu (or args.data.contextMenu, args.e.contextMenu in onBeforeEventRender)
3. DayPilot.Scheduler.contextMenu

That means your code from above should now work (without changes) with the latest sandbox build:

https://javascript.daypilot.org/sandbox/

Please let me know if the problem persists.