Draggable item that is below scroll doesn't properly resolve hitTest when released

[7linternational]

Ok so this is a continuation of my previous post (that was resolved) 

The problem now is that when the item that exists below the fold (you have to scroll to reach it), when dragged the draggable on the `move` function will correctly resolve hitTest versus other containers, but on dragEnd it will not resolve hitTest correctly. Other list elements that are above the scrollbar correctly resolve hitTest on both `move` and `dragEnd`

Here is a sample: https://stackblitz.com/edit/gsap-react-basic-f48716-tc3dev?file=src%2FBoxItem.js  
(simply drag box 3, 4 over the drop area and release, the hit test resolves correctly, then drag box 7 on move it will fire the hitTest correctly, but when released over the drop-area the hitTest will return false)

[GreenSock]

That's because you're altering the overflow first, which effectively moves everything, and THEN you're hit-testing, thus it has already shifted at that point. It's just a logic thing. Move your code so that it executes in the proper order to avoid that: 

https://stackblitz.com/edit/gsap-react-basic-f48716-2x3xdu?file=src%2FBoxItem.js

[7linternational]

One more question if you please. Is Draggable.hitTest(draggedElement, someOtherElement) the same with draggable.hitTest(someOtherElement) ? I mean will they produce the same result?

[GreenSock]

Yep. The docs are great for answering that question. Or just experiment and see if it works the way you'd expect 🙂

 

Have fun!