将可拖动元素重新定位到初始位置

Question

我有两个问题如下：

1. 我为我的问题准备了js小提琴：

   我已将左侧和上方位置分配给每个可拖动项目。现在，当可拖动项目落在可投放区域之外时，可拖动项目不会将其自身定位到初始位置。

根据我的阅读，我也尝试将顶部和左侧设置为0，但它没有工作。

1. 将元素放入可放置区域后，需要进行哪些更改才能使可拖动项目覆盖整个可放置区域？

有人可以帮我解决这个问题吗？

我已经包含了我的dom结构的确切html和css。

Please help me if possible.

https://jsfiddle.net/6snh38sw/1/

https://jsfiddle.net/6snh38sw/8/ - 这是我从另一个论坛得到的最佳答案。但它仍有一个范围，可以使用拖动结束事件来阻止代码在使用超时时中断。任何人都可以帮助我吗？