Drag and snap into target area

DRAG AND SNAP INTO TARGET AREA - THEN DRAG OUT OF TARGET AREA

Here is a link to my code on Codepen :
https://codepen.io/SteinarVdesign/pen/LYVOeJg

How can I drag out of the target area after snapping into the area ?
Dragging out should be continuous and the black circle must not bounce back.
My present solution is discontinuous . . .