bluerobotics / cockpit

An intuitive and customizable cross-platform ground control station for remote vehicles of all types.
https://blueos.cloud/cockpit/docs
Other
72 stars 22 forks source link

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

Open ArturoManzoli opened 3 weeks ago

ArturoManzoli commented 3 weeks ago

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.

https://github.com/user-attachments/assets/f286366b-edf1-4275-a707-d34a6105ff6a

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