[Draggable elementsFromPoint on Mobile error]

On 12/20/2018 at 1:55 PM, OSUblake said:

 

Did you check the event and what you're passing into .elementsFromPoint()? event.clientX and event.clientY are undefined on touch events. Please check the documentation for .pointerX and .pointerY properties.

https://greensock.com/docs/Utilities/Draggable

 

See the Pen XopZRP by osublake (@osublake) on CodePen

 

 

Thank you !! Your example help me a lot.

 

 

 

[Draggable elementsFromPoint on Mobile error]

Hi all, i get this error on the console ON MOBILE getting document.elementsFromPoint(posX, posY). On Chrome on desktop it works nice :(

 

Quote

Uncaught TypeError: Failed to execute 'elementsFromPoint' on 'Document': The provided double value is non-finite.
    at Ta.onDrag ((index):48)
    at ja (Draggable.min.js:14)
    at Array.db (Draggable.min.js:14)
    at Object.O (Draggable.min.js:14)
    at Object.i.dispatchEvent (TweenMax.min.js:16)
    at s (TweenMax.min.js:16)

 

 

My code:

Quote

let dragItem = Draggable.create(".drag", {

type: "x,y",

bounds: ".configurator",

onDrag: function(event) {

// TODO: On Mobile document.elementsFromPoint causes ERROR.

posX = parseInt(event.clientX);

posY = parseInt(event.clientY);

overElement = document.elementsFromPoint(posX, posY);

}

});

 

I have the example with the error on jsfiddle:

http://jsfiddle.net/equerol/92j45hd0/21/

 

 

See the Pen 21 by equerol (@equerol) on CodePen