Interact.js – drag and drop, resizing and multi-touch gestures

The second example needs some more work.<p>When you drag no-drop over the yes-drop div it appears on top. If you then drag yes-drop and go back to dragging the no-drop this then appears under the yes-drop div.<p>Also I don&#x27;t get what causes the highlight of the drop zones to activate. Percentage of shape? Center of Shape? Personally I prefer that it is the mouse pointer that activates the enter &#x2F; leave and not the shape itself.<p>Added: If you drag the yes-drop from the side to enter the drop zones, the outer zone looks like 50 pixels wide and yet the error or margin to drop it in there is about 2 pixels before you enter the inner zone.

It&#x27;s neat but on Android Chrome the areas that accept taps&#x2F;drags&#x2F;pinches&#x2F;etc. consume swipe&#x2F;drag to scroll events which means you have to create lanes or something on long pages(like the interactjs.io page itself).

The components are usable and the abstractions seems good. Since I discovered famo.us (<a href="http://famo.us" rel="nofollow">http:&#x2F;&#x2F;famo.us</a>) earlier this year I have preferred to do use it for javascript UX code to ensure scrolling and animations run smoothly. I would love to have interact.js rewritten as an extensions to famo.us. Famo.us runs smooth, but lacks good examples, tools and extensions.

Looks really nice and worked really well in my S5. The one issue I had was with the multi-touch rotation example, you&#x27;re not able to touch and scroll up with your fingers if you touch in the background. The resizing example isn&#x27;t as bad but doesn&#x27;t seem to register the first time you touch+drag either.

On Chrome on Mac the dragging to the left leaves a trail behind, which goes away when finished.

The first example on <a href="http://interactjs.io/" rel="nofollow">http:&#x2F;&#x2F;interactjs.io&#x2F;</a> is buggy in Windows&#x2F;Chrome. When I drag, it leaves a trail of the right edge of the object; reminiscent of a crashing Windows 98.

Great stuff. Works great on a desktop except for the two-finger gestures. I&#x27;d love to see a zoom and rotate binding to the mouse scroll-wheel.

Really interesting - We&#x27;ve just implemented a html5 drag and drop which supports IE all the way back to IE9 but not mobile! This looks great

Well done!! The only thing that is missing and that I really need is the grid layout support, but animations are really light and smooth!

This is pretty fantastic, and at a bare minimum looks like a nice replacement for jQueryUI&#x27;s drag-and-drop.

Very nice library &amp; code - thanks for making it not require jquery or any other library!

The double tap example never resizes on my Chromebook Pixel. The others work nicely.

Just tried the demos on my phone (iPhone6) on the way home. Works wonderfully.

Typo: &quot;Resize from the bottom and left edges&quot;, it means right edge.

At first glance, this seems...really solid. Thanks!

Great job. It seems like a subset of jquery functionality? Is there something that interact.js does that jquery doesn&#x27;t? Or is it just a size thing...

Impressive! Great work.

pinching and multitouch wont work on my Lenovo Flex 15 notebook..

Please don&#x27;t put &quot;Show HN&quot; in the title unless you&#x27;re personally involved with the project.<p>Anything that anybody posts is technically being shown to HN, so if we didn&#x27;t have this rule, Show HN would cover everything.

Seeing how this isn&#x27;t a Show HN post, wouldn&#x27;t it be more prudent to log issues on the Github page rather than in HN comments?

Trying let see how it works for me