title: Hammer.js elements in absolute container scroll container
body: <p>I have some elements I want to drag with hammer.js that are inside an absolute positioned container. When the container is absolute position, it seems like when I drag the elements in the container, the whole container moves too. </p>
  
  <p>Here is a demo,
  <a href="http://codepen.io/bzamora/pen/vGAFz" rel="nofollow">http://codepen.io/bzamora/pen/vGAFz</a></p>
  
  <p>I used the drag demo from <a href="https://github.com/EightMedia/hammer.js/blob/master/examples/drag.html" rel="nofollow">https://github.com/EightMedia/hammer.js/blob/master/examples/drag.html</a> but I added a <code>.container</code> that is absolute positioned. </p>
  
  <p>If you comment out the <code>position:absolute</code> it works as expected</p>
  
  <p>So my question is what am I doing wrong or how to avoid this behavior? Thanks!</p>