reference: https://greensock.com/docs/Utilities/Draggable/hitTest
var element1 = green;
var element2 = red;
if (Draggable.hitTest(element1, element2)) {
console.log('HIT!');
}
#green {
transform: rotate(45deg);
}
Always triggers HIT! everytime element1(green) enters the area demonstrated as "blue box" even if it doesn't hit element2(red)
demo: see attached image
Is there any possible way to fix this issue as I wanted to trigger 'HIT!' only when green touches red (given that I want to rotate this image/div),
Thanks in advance