Subject of the issue

If we are trying to drag an item from outside to gridlayout and using a touch screen monitor the item which is getting drag from outside can be overlayed on the top of the existing item. This does not happen with normal screens.

Your environment

• version of gridstack.js - 7.2.3
• OS - Windows 11 Enterprise, version 22H2, OS build: 22621.1265
• Browser - Chrome version: 111.0.5563.65

Steps to reproduce

Take a system that supports the touch
Open the https://gridstackjs.com/
Go to the second demo and try dragging the item from outside

Expected behavior

The expectation is not to overlap the new drag item on the existing item in the layout