Dragging from Outside: droppingItem does not removed on leaving react-grid area whlile mouseDown still pressed in DEV mode.
Describe the bug
This issue only appears when React is in "dev" mode.
Your Example Website or App
https://github.com/ikilinc/exampleReactGridLayout
Steps to Reproduce the Bug or Issue
Stack:
- react 19, vite.
Steps to reproduce the Issue. 1.) Create a basic react + typescript project (npm create vite@latest) 2.) Copy the Component below into project. its the same code on the sandbox but added a dropable item. showcase.tsx Maybe copy paste the style in showcase too for better virtuals.
3.) Start the app with 'npm run dev' and in parallel with "npm run build & npm run preview". 4.) If you now try to drag the droppingItem into react-grid-layout area and try leave it while mouseDown is still pressed, maybe you will need few tries, you will see that the dropping item is in DEV server not removed sometimes. But no issues on Prod. Below is a screenshot. I was not able to paste a sceencapture.
Expected behavior
same behavior on Dev and Prod.
react-grid-layout library version
latest
Operating System Version
WSL
Browser
Chrome
Additional context
No response
Screenshots or Videos
https://github.com/user-attachments/assets/50fe5227-dce7-416e-82dc-6e2f3acf06eb
Source: react-grid-layout/react-grid-layout