Allow a monitor to be dragged on top of the hierarchy #4757

New issue

Open

opened 2026-02-28 04:14:10 -05:00 by deekerman · 0 comments

deekerman commented

2026-02-28 04:14:10 -05:00

Owner

Originally created by @tayflo on GitHub (Feb 27, 2026).

This has been already suggested here: https://github.com/louislam/uptime-kuma/pull/6256#issuecomment-3492680303 by @cyril59310 in the discussion of the PR of @TheBestPartOfMe to implement https://github.com/louislam/uptime-kuma/issues/6196.

🔖 Feature description

On the dashboard page, one can drag-and-drop a monitor (or group of monitors) into a group. But once the monitor is in a group, it cannot be dragged out on the top of the hierarchy (one needs to go to the monitor, edit, monitor group, select, save).

✔️ Solution

When dragging a monitor either...

Right at the top of the monitors list
Right at the bottom of the monitors list
Also maybe, in-between any groups

Then, dragged the monitor should be unlinked from the group it was, and be considered outside of any group

I would suggest a big green bar when hovering in a position that would result in un-parenting the element (same color as the dotted line surrounding a group when hovering the dragged element to drop).

Also, note that since elements are automatically sorted alphabetically (if i'm not mistaken; related: #1308) and that no arbitrary user-defined order is possible, the user may be a little confused when trying to drag-and-drop this way to arbitrary position.

Another side note: @cyril59310 noted that they would like only the name to be displayed upon dragging, and no URL. But I'm not experiencing any label on my side (Firefox).

❓ Alternatives

N/A

📝 Additional Context

UI example from Firefox:

UI I'm experiencing right now (Uptime Kuma v2.1.3):

Originally created by @tayflo on GitHub (Feb 27, 2026). ### 📑 I have found these related issues/pull requests This has been already suggested here: https://github.com/louislam/uptime-kuma/pull/6256#issuecomment-3492680303 by @cyril59310 in the discussion of the PR of @TheBestPartOfMe to implement https://github.com/louislam/uptime-kuma/issues/6196. ### 🔖 Feature description On the dashboard page, one can drag-and-drop a monitor (or group of monitors) into a group. But once the monitor is in a group, it cannot be dragged out on the top of the hierarchy (one needs to go to the monitor, edit, monitor group, select, save). ### ✔️ Solution When dragging a monitor either... - Right at the top of the monitors list - Right at the bottom of the monitors list - Also maybe, in-between any groups Then, dragged the monitor should be unlinked from the group it was, and be considered outside of any group I would suggest a big green bar when hovering in a position that would result in un-parenting the element (same color as the dotted line surrounding a group when hovering the dragged element to drop). --- Also, note that since elements are automatically sorted alphabetically (if i'm not mistaken; related: #1308) and that no arbitrary user-defined order is possible, the user may be a little confused when trying to drag-and-drop this way to arbitrary position. Another side note: @cyril59310 noted that they would like only the name to be displayed upon dragging, and no URL. But I'm not experiencing any label on my side (Firefox). ### ❓ Alternatives N/A ### 📝 Additional Context UI example from Firefox: <img width="214" height="100" alt="Image" src="https://github.com/user-attachments/assets/395209f2-c19d-4523-b56a-74cb5cecbabf" /> <img width="215" height="107" alt="Image" src="https://github.com/user-attachments/assets/cc5bf569-d12c-4e8d-a6df-2a972bbad15f" /> UI I'm experiencing right now (Uptime Kuma v2.1.3): <img width="630" height="125" alt="Image" src="https://github.com/user-attachments/assets/6cbd1858-a6ac-4bf1-823d-cc8582e9010f" />