bug: On edit mode, widget cards are being dragged to the custom widget base

[ArturoManzoli]

Bug description

This is mostly visual and only happens during the drag event. It does not affect the elements after the mouse button is released.

Because of the way that VueDraggable handles the parent elements on dragging events, widget's card is being dragged inside the target container. It disappears after the event is over.

Screenshare.-.2024-10-30.1_12_25.PM.mp4

Steps to reproduce

On edit mode, create a custom widget and drag some input elements inside.

Primary pain point(s)

User cannot drop the widget on the correct place inside the container.

Additional context

No response

Prerequisites

• I have checked to make sure that a similar request has not already been filed or fixed.