louislam/uptime-kuma

Allow a monitor to be dragged on top of the hierarchy

Open

#7062 opened on Feb 27, 2026

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (86,760 stars) (7,844 forks)batch import
A:dashboardfeature-requesthelp wanted

Description

📑 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 bookmarks:

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

Contributor guide

Tech stack
javascriptvue
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue.js knowledgeUnderstanding of current drag and drop implementationFamiliarity with Uptime Kuma dashboard components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the current drag and drop implementation in the dashboard, likely in components like MonitorList or Group. Review the referenced PR #6256 and issue #6196 for context. Determine how to detect drop positions at the top/bottom of the list and implement logic to unlink monitor from its group when dropped there. Ensure visual feedback with green bar as suggested.