Draggable elementsFromPoint on Mobile error

[KikeFront]

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

[OSUblake]

56 minutes ago, KikeFront said:

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

 

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

 

 

 

 

 

[KikeFront]

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.