Require assistance with Dhtmlx and Wijmo grid context menus, as well as touch events, specifically when utilized on an iPhone's Safari browser

Question

Require assistance with Dhtmlx and Wijmo grid context menus, as well as touch events, specifically when utilized on an iPhone's Safari browser

I recently created a web application utilizing DHTMLX 5.0 and Wijmo grid. Everything functions smoothly when accessed on Chrome for Android, including the context menu which is opened with a touch-'press and hold' gesture. However, I have encountered an issue when trying to use the same functionality on Safari browser of iPhone. The context menu simply does not open with any touch event on the iPhone. I would greatly appreciate any assistance in resolving this issue, whether it involves adjusting events or libraries. Thank you.

typescript safari dhtmlx wijmo-grid

Answer 1

Answer №1

If you want to test out the longPress functionality yourself, give this code a try:

let timer;

function simulateLongPress(x, y) {
    timer = null;
    myContextMenu.showContextMenu(x, y);
}

function touchStart(e) {
    let x = e.touches[0].clientX;
    let y = e.touches[0].clientY;
    
    if (!timer) {
        timer = setTimeout(function() {simulateLongPress(x, y)}, 800);
    }
}

function touchEnd() {
    if (timer) {
        clearTimeout(timer);
        timer = null;
    }
}

document.addEventListener("DOMContentLoaded", function(event) { 
    window.addEventListener("touchstart", touchStart, false);
    window.addEventListener("touchend", touchEnd, false);
});

Check out this working example:

Answer 2

If you want to test out the longPress functionality yourself, give this code a try:

let timer;

function simulateLongPress(x, y) {
    timer = null;
    myContextMenu.showContextMenu(x, y);
}

function touchStart(e) {
    let x = e.touches[0].clientX;
    let y = e.touches[0].clientY;
    
    if (!timer) {
        timer = setTimeout(function() {simulateLongPress(x, y)}, 800);
    }
}

function touchEnd() {
    if (timer) {
        clearTimeout(timer);
        timer = null;
    }
}

document.addEventListener("DOMContentLoaded", function(event) { 
    window.addEventListener("touchstart", touchStart, false);
    window.addEventListener("touchend", touchEnd, false);
});

Check out this working example:

Require assistance with Dhtmlx and Wijmo grid context menus, as well as touch events, specifically when utilized on an iPhone's Safari browser

Answer №1

Similar questions

Having trouble generating a basic TypeScript definition file

Personalized data based on the language within Next.js

Utilizing JavaScript files within Angular2 components: A guide

The process of linking a Json response to a table

Ways to retrieve class variables within a callback in Typescript

Combining and grouping objects by their IDs in a JavaScript array

The Ionic 2 application encountering issues with building after the installation of the Facebook login plugin

Maintain the nullability of object fields when casting

Tips for iterating through an observable using the .subscribe method

Encountering a compilation error while trying to utilize a union type in a function parameter within an

The risk of a race condition could arise when working with nested switchMaps in ngr

What is the best approach to validating GraphQL query variables while utilizing Mock Service Worker?

Utilize the useTheme type from Emotion Js within ReactJs using Typescript

Implementing global user authentication state with Zustand in Next.js version 13.4.9

Jasmine is raising an error: "TypeError: Unable to access the property 'client' of an undefined object"

What is the best approach to retrieve all user information using React with TypeScript and the Redux Toolkit?

Using the Vue.js Compositions API to handle multiple API requests with a promise when the component is mounted

What is the method for launching a standalone terminal window from a vscode extension?

manipulator route in Nest.js

Tips for dismissing loader in Ionic 4