Question

50

Pointer-events: none doesn't work on mobile

rated 0 times [ 51] [ 1] / answers: 1 / hits: 8392 / 5 Years ago, thu, november 28, 2019, 12:00:00

I'm working on custom drag and drop module to Vue and I found a problem. To override browser D&D (because I need) on pointer down I'm cloning div which I want to drag and then trigger pointermove (on this event, I'm setting X and Y on cloned div), when I fire pointer up, the value of this div is transferred to drag place. To target element under cloned(dragged) div on pointer up event, I used a css property pointer-events: none (on cloned div) and everything is fine on the desktop. On mobile, event targeting always dragged element.

There is console.log from triggered events:
logged events

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

adrienkeithr

Add To Favorites

Follow

Total Points: 503

Total Questions: 126

Total Answers: 110

Location: Lithuania

Member since Fri, Sep 4, 2020

4 Years ago

adrienkeithr questions

1 How to slow down scroll to top speed?

Sat, Oct 3, 20, 00:00, 4 Years ago

1 FlatMap vs Reduce for mapping and filtering - is one recommended over the other?

Fri, Aug 21, 20, 00:00, 4 Years ago

1 Highlight pressed(selected) date in React Native Calendars

Sun, Jan 5, 20, 00:00, 5 Years ago

1 In Node.js using Express, how does one have a user login along with admin login? I want users limited access with admin have access to all routes

Wed, Dec 4, 19, 00:00, 5 Years ago

1 What is the meaning of incremental in tsconfig.json?

Wed, Oct 9, 19, 00:00, 5 Years ago

View All

answered 5 Years ago hanna · Accepted Answer

I found answer to my question in another question:
How to find out the actual event.target of touchmove javascript event?

We can target element under our event by

document.elementFromPoint(

    e.clientX,

    e.clientY

);