chrome touchevents and draggable hittest

[andycamp00]

On Chrome, when a touchevent occurs, the pageX/Y values are set to 0.  This means that hitTest won't work when passing in the touch events...

 

I'm not sure if this is something easy to handle inside Draggable, but I thought I would post it to see if anyone has any thoughts, and if not at least let others know and show my workaround.  For now I am doing a workaround to make my own point to pass in to Draggable.hitTest(), like so:

// e is my event
var point = e; 
if(e.pageX === 0 && e.pageY === 0 && e.changedTouches) {
  x = e.changedTouches[0].pageX;
  y = e.changedTouches[0].pageY;
  point = {
    left: x,
    right: x+1,
    top: y,
    top: y+1
  };
}

var hit = Draggable.hitTest(element, point);

This is a related investigation to a thread I started at http://greensock.com/forums/topic/12189-draggablehittest-in-a-scrolled-window/, but seemed like a separate topic, so I started a new thread.

[OSUblake]

It's good that you are finding these problems. I keep coming across websites that won't work right in Chrome when a touch screen is present.

 

Instead of testing for the pageXY, you could just pass in the touch.

if (e.type === "touchmove" && e.changedTouches) e = e.changedTouches[0];
var hitTest = Draggable.hitTest(element, e);

[andycamp00]

Ah, that's a much better strategy - I like it.  Thanks for the help.