Overview

[PP-1] on #3512455: Implement new drag-and-drop solution that removes the need to drop items into the preview iFrame

If you begin dragging a section into Experience builder from the sidebar, there is no way to stop this halfway through, meaning you have to place the section then remove it. It's not the worst UX but we can make it better with the OnSpill plugin. This plugin is already included in our build of Sortable so nothing new needs to be added.

Proposed resolution

Start dragging a section
Drag it outside of the Experience builder layout (like over the sidebar)
Stop dragging
Note that the section was still added to the Layout.

User interface changes

Use the OnSpill plugin (Most likely with the revertOnSpill configuration option so that the section is not added to Experience builder if the user drags the section outside of the experience builder layout.

Comments

DanielVeza created an issue. See original summary.

lauriii’s picture

+1 for this improvement. We just need to make sure there's a clear affordance for indicating when the component add is going to be discarded.

wim leers’s picture

Issue tags: +Usability

Yes, please! This has been bothering me since the very start 😇

wim leers’s picture

jessebaker’s picture

Title: Consider using SortableJS spill plugin when dragging sections into layout » [PP-1] Consider using SortableJS spill plugin when dragging sections into layout
Version: » 0.x-dev
Priority: Normal » Major
Issue summary: View changes
Issue tags: +stable blocker
Parent issue: #3450592: [META] Front-end Kanban issue tracker » #3512455: Implement new drag-and-drop solution that removes the need to drop items into the preview iFrame
jessebaker’s picture

Status: Active » Closed (won't fix)