Drag and drop for components does not work

Fixed Bugs
1

Description:
Dragging and dropping items into a component containing innerBlocks does not work.

When dragging from the navigator, the innerBlocks destination is not visible until the item is selected, and dragging the item under the component just returns it to its start point.

When dragging from the Wordpress Gutenberg draggy six dots thing, the dragged item always returns to its starting point.

Step-by-step reproduction instructions:

  1. Open the Post Editor and open a post with multiple items in it, such as several paragraphs.
  2. Insert a component with InnerBlocks in it.
  3. click on one of the items in the post, and drag it into/under the component.
    a. If doing this via the navigator, drag the item under and indented to the component. Notice that the innerBlocks is not visible. Notice that the component does not register itself as accepting children. Watch the dragged item return to from whence it came.
    b. If doing this via Gutenberg six dots drag handle, notice that dragging the dragged item on top of the component does nothing.
  4. Wish for a bright and draggy future :slight_smile:

Environment info

  • WordPress version: 6.4.3
  • Cwicly Plugin version: 1.4
2

Hello @equitieslab,

Thanks for the report.

Indeed, the current Cwicly navigator closes the active Component when trying to drag blocks within the InnerBlocks.

We will have a fix for this in the next update.

Apologies for the trouble. Please bear with us on this one!

Cheers,

1 Like
3

Tested and confirmed to work in 1.4.1!:

It is a huge improvement, blocks are shown in both customise and modify modes and are locked from edits when required (such as for a user that has been prevented from modifying the component).

Absolutely beautiful implementation @Louis. So clean and easy to use now for both developers and clients/editors.

4

Hello @StrangeTech,

Thanks for confirming this works on your side, much appreciated :slight_smile:

Moving to Fixed Bugs.

Cheers,