Selecting and moving multiple components at the same time in grid mode

[KristofPusztai]

Description

When formatting in grid mode, sometimes it is necessary to add things in later as the dashboard develops. Creating space for a new component is quite cumbersome currently as you have to move each individual component down to create space for the new component above.

Suggested solution

Being able to select multiple components would be quite useful, either via clicking and dragging mouse over desired components to move, or via holding down a hotkey like ctrl and then being able to click on multiple components and move them all together.

Example of multi-select solution on Mac:

multi-select.mov

Alternative

No response

Additional context

No response

[mscolnick]

We are using a library under the hood - that we can enable a way for the selected grid-items to push around other grid-items (example here). I did find this fragile though and often lead to an undesired state

[KristofPusztai]

Ah that is pretty cool as well, the Dynamic Minimum and Maximum Width/Height demo is automatically reshifting the elements only horizontally which would solve this problem directly!

However, in some cases a user may want to shift multiple elements vertically instead of just horizontally.

I still believe implementing some sort of multi-select functionality would be the most intuitive and user friendly approach. The rigidness of the current layout once components are placed is good in that if you accidentally drag something somewhere you dont intend, it doesnt mess up the layout of the other components.

[mscolnick]

I agree with you. We can look into supporting some sort of shift click to select multiple to move