Unable to move panels between rows in new dashboard layout

[martacheca1]

What Grafana version and what operating system are you using?

Grafana Cloud (latest version). Accessing through web browser (Chrome).

What are you trying to achieve?

I want to reorganize a generic dashboard with multiple rows and panels by moving existing panels between different rows and inserting new rows in between existing ones.

How are you trying to achieve it?

I tried using the UI (drag & drop) to move panels between rows, and creating new rows to reorganize the layout.

What happened?

I’m unable to move existing panels from one row to another. It seems like panels are tied to their current row and cannot be dragged outside of it.

Also, when I create a new row, I can’t easily move existing panels into that new row, which makes restructuring the dashboard very difficult.

What did you expect to happen?

I expected to be able to:

- Drag panels freely between rows

- Insert a new row in the middle of the dashboard and move panels into it

- Reorganize the layout without recreating panels

Can you copy/paste the configuration(s) that you are having problems with?

Not applicable, as this issue happens directly from the UI when trying to reorganize panels.

Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.

No error messages are shown in the UI.

Did you follow any online instructions? If so, what is the URL?

I followed general Grafana documentation about dashboards and rows, but didn’t find specific guidance for this behavior with the new layout.

[infofcc3]

I tested this locally on the latest Grafana UI and was able to move panels between rows successfully.
I created multiple rows, inserted a new row and dragged panels across rows without recreating them
From my testing, this does not appear to be a general Grafana limitation.
ensure the dashboard is in full Edit mode, keep the destination row expanded
drag the panel by its header/title area and hover briefly inside the target row before dropping I also noticed the drop area can be somewhat sensitive depending on the row layout.I attached screenshots showing
initial layout ,inserted row and successful cross-row panel movement

So this may be related to a temporary UI state, browser issue, or a specific dashboard layout configuration rather than unsupported functionality.

[martacheca1]

Thanks for your response and for taking the time to test this!

Here is a screenshot of my current dashboard structure.

At the top, there is an existing row with multiple panels. Below that, I try to create a new row in between (marked as “NEW ROW HERE” in the screenshot).

The problem is that:

- I can successfully create the new row

- But I’m unable to move any of the existing panels from the row above into this new row

- Dragging panels does not allow me to detach them from their original row

So even though the UI allows inserting a new row, I cannot reorganize the existing panels into it.

In my case, panels seem tightly bound to their current row/layout, and I cannot move them across rows even when:

- The destination row is expanded

- I try dragging from the panel title

- I hover inside the target row before dropping

This is why I had to consider duplicating content instead of reorganizing it.

Does this behavior depend on the layout type (e.g. RowsLayoutRow + GridLayout)?