Dragged objects are stuck to mouse after forced page focus change (e.g. taking a screenshot)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.9k
- Forks
- 804
- PR merge metrics
- No merged PRs in 30d
Description
Expected behavior
Dragged objects should only ever follow the mouse if the mouse is clicked. However, it seems that certain interactions (such as taking a screenshot while dragging) will put the object into an incorrect state where it's dragged around despite the mouse not being clicked.
Actual behavior
Object is "stuck" to mouse despite no click
System configuration
interact.js version: latest
Browser name and version: Chrome, Firefox
Operating System: Windows
Additional Info
- ✔️ doesn't happen here https://web.dev/drag-and-drop/
- ✔️ doesn't happen here https://www.w3schools.com/html/html5_draganddrop.asp
- ❌ happens here https://interactjs.io/
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue on interactjs.io in Chrome or Firefox while taking a screenshot during a drag. Compare the interaction state before and after the forced focus change; done means the object stops following the pointer unless the mouse is pressed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100