-
Notifications
You must be signed in to change notification settings - Fork 4.6k
Closed
Labels
[Feature] Drag and DropDrag and drop functionality when working with blocksDrag and drop functionality when working with blocks[Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
Description
Prioritised list of tasks (good to aim for in WP 6.5)
If possible, it'd be good to fix or explore solutions for the following for WordPress 6.5.
- Improve dragging between adjacent blocks #56463
- Drag and drop: Allow dragging into template parts #56182
- Drag blocks into other blocks to create patterns and layouts #13202
- Drag images onto image block to make a gallery (Images: Support for drag-and-drop multiple images onto image block #9783, Use drag and drop to transform an Image block → Gallery block #32819)
- [drag-and-drop] Visual cue for dropping element shown in another block's inner content even when dropping isn't possible #24174
- Allow parent blocks to specify their block drop zone. #26049
- Expose before/after in drag and drop experience #54952
- List view drag and drop: expand collapsed parent blocks when dragging over them #33684
- List view drag and drop: Make it more obvious blocks can be dragged #33686
Full list including nice to haves / tracking
The issues below have not been prioritised, but anyone is free to pick up a task of course!
Bugs
- No drop indicator shown when dragging into an empty (e.g. group/column) block list (Reported in Unreliable drag & drop (blue line) indicator #32880), No drop indicator appears when dragging a file into an empty post or block list #44064
- Chrome: Cannot scroll while dragging a block from the inserter #28790
- List view drag and drop - make it possible to drop at all levels of the hierarchy #33678
- Drag & Drop seems to be broken in Firefox when Preferences > Appearance is switched to “Display button labels” #29511
- [drag-and-drop] JSON content added to the classic block when dropping another block in / around it #24173
Enhancements
General
- Drag and drop: Allow dragging into template parts #56182
- [drag-and-drop] Visual cue for dropping element shown in another block's inner content even when dropping isn't possible #24174
- Allow for more space around drop zones (Ability to drag blocks into the whitespace between the title and content, and content and bottom of screen #32438, Allow parent blocks to specify their block drop zone. #26049, Drag & Drop: Not possible to move block at the very end #55474)
- Unifying drag n drop, "move to" and clipboard (copy/cut/paste) #29931
- While moving a block: Show border and block name of hovered blocks #24750
- List view drag and drop: Highlight parent blocks when dragging into inner blocks #33685
- List view drag and drop: expand collapsed parent blocks when dragging over them #33684
- List view drag and drop: Make it more obvious blocks can be dragged #33686
- Expose before/after in drag and drop experience #54952
- Don't move the window while dragging a block #36457
Block-specific drag and drop enhancements
- Drag blocks into other blocks to create patterns and layouts #13202
- Drag images onto image block to make a gallery (Images: Support for drag-and-drop multiple images onto image block #9783, Use drag and drop to transform an Image block → Gallery block #32819)
- Unify drag and drop behavior across Image block and Gallery block #32820
- Ask user block type when dropping multiple images #18501
- Use drop zone when dragging an image to an empty paragraph #29145
Performance
- Performance: only trigger dropzone handling when a user intends to drop an item #33435
- Performance: Set passive listener option for use popover scroll to avoid affecting scrolling performance #33478
Automated tests
- e2e Tests: Add test for inserter drag-and-drop #31356
- Add more e2e tests for drag and drop (drop/insertion point positioning, nesting, etc.)
API
- Make
useDropZonestable (DropZone: Allow overriding children #14335)
Needs feedback or some other kind of progress
- Improve scroll while dragging behavior (Automatic scrolling while dragging is not intuitive #24770)
- Dragging blocks with 'top-toolbar' mode enabled (Gutenberg 7.4 bug. When the toolbar is set on top the icon to click and drag the selected block goes missing. #20078, Drag & Drop using long press. #25237)
- Improve drag handle on blocks #20762
draganescu, priethor, nixsee, annezazu, jasmussen and 1 more
Metadata
Metadata
Assignees
Labels
[Feature] Drag and DropDrag and drop functionality when working with blocksDrag and drop functionality when working with blocks[Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.Tactical breakdown of efforts across the codebase and/or tied to Overview issues.