Repository navigation
Drag-and-drop Blockly block interaction #633
Description
It's easy to accidentally drag blocks on mobile unintentionally. Introduce mechanism such as locking to prevent accidental drag actions. Blockly trash can doesn't work well on narrow screens, can't close it easily.
- UX input from NLnet suggests looking into drag speed adjustments.
- Try requiring a block to be selected before you can drag it on mobile phone sized devices
- Trashcan flyout covers the workspace on small screens so you can't easily close it
Metadata
Metadata
Assignees
Labels
No labels
Type
Projects
- Status
Activity
Select before drag on mobile
tracygardner commentedon May 29, 2026
Require a block to be selected before it can be dragged to prevent accidental drags. Only for small mobile screens.
Also increased drag radius to start a drag on small screens.
866165e
Allow drag from toolbox and deselect after drag on mobile
Stop flyout from overflowing workspace on small screens
tracygardner commentedon Jun 17, 2026
Before ec4090a:
After:
Trashcan flyout autoclose and styling
Trashcan navigation
tracygardner commentedon Aug 17, 2026
Trashcan flyout no longer covers the workspace on small screens and closes cleanly:
tracygardner commentedon Aug 17, 2026
Drag speed / accidental drags: rather than tuning raw drag speed, we required a block to be selected before it can be dragged on phone-sized screens and increased the drag-start radius (866165e above), which addressed the accidental-drag feedback from NLnet UX.