title: Triggering drag event from iframe to parent with touch
body: <p>Issue: Mouse movements are not always being sensed on touch.</p>
  
  <p>I am currently using jQuery UI drag and jQuery Touch Punch to convert touch events into mouse events. Everything works fine on desktop browsers.</p>
  
  <p>I can get it to execute the draggable 'start' function, but it doesn't always start the draggable 'drag' function. I have listeners set up everywhere to see what is going on and it doesn't show any mouse movements after the start function has run - both in the window and in the parent document. Scrolling, then turns on (which is usually prevented by preventDefault();). I have to remove my finger and place it back down to continue the drag. However, if I place certain e.preventDefault()s I can get the drag to operate fine (in other words, start on the intial swipe) by the third or fourth time of initiating the draggable. </p>
  
  <p>Here is a condensed version:</p>
  
  <pre><code>$(window).mousedown(function(e){
    drag(e);
  });
  
  function drag(e){
    $iframefix.show();
    $draggable.draggable({
       start: function(e, ui){
              // this function runs well, but at the end of it, I don't seem to register
              // any mouse movements in the document or window as I move my finger 
              // around, and even using .trigger('mousemove') does not register an event.
       },
       drag: function(e, ui){
  
       }
    });
    $draggable.trigger(e); 
  }
  </code></pre>
  
  <p>My guess are that it has to do with the fact that the mouse event originates in the iframe, and when .trigger() is used, perhaps jQuery normalizes the event so it is looking back into the window (e.originalEvent). Maybe this is confusing jQuery touch punch from sensing the mouse movement (maybe it thinks it is a click instead).</p>
  
  <p>Here is jQuery Touch Punch - it is a small script that wraps around the jQuery mouse events:</p>
  
  <p><a href="https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js" rel="nofollow">https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js</a></p>
  
  <p>Alternatively, perhaps this is the use of e.preventDefault() or e.stopPropagation or return false in an area I'm not looking.</p>
  
  <p>Regardless, something is stopping it from sensing my finger from moving around after dragstart.</p>