alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-25 07:05:43 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: Improve cursor handling during drag operations for better user experience

Browse Source
This commit is contained in:
Will Miao
2025-08-22 15:36:27 +08:00
parent 1bf9326604
commit 383b4de539
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/comfyui/loras_widget.js
View File

@@ -291,7 +291,6 @@ export function addLorasWidget(node, name, opts, callback) {
whiteSpace: "nowrap", whiteSpace: "nowrap",
color: active ? "rgba(226, 232, 240, 0.9)" : "rgba(226, 232, 240, 0.6)", color: active ? "rgba(226, 232, 240, 0.9)" : "rgba(226, 232, 240, 0.6)",
fontSize: "13px", fontSize: "13px",
cursor: "pointer",
userSelect: "none", userSelect: "none",
WebkitUserSelect: "none", WebkitUserSelect: "none",
MozUserSelect: "none", MozUserSelect: "none",

4
web/comfyui/loras_widget_components.js
View File

@@ -115,6 +115,10 @@ export function createDragHandle() {
handle.onmousedown = () => { handle.onmousedown = () => {
handle.style.cursor = "grabbing"; handle.style.cursor = "grabbing";
}; };
handle.onmouseup = () => {
handle.style.cursor = "grab";
};
return handle; return handle;
} }

10
web/comfyui/loras_widget_events.js
View File

@@ -304,6 +304,9 @@ export function initReorderDrag(dragHandle, loraName, widget, renderFunction) {
}); });
document.addEventListener('mouseup', (e) => { document.addEventListener('mouseup', (e) => {
// Always reset cursor regardless of isDragging state
document.body.style.cursor = '';
if (!isDragging || !draggedElement) return; if (!isDragging || !draggedElement) return;
const targetIndex = getDropTargetIndex(container, e.clientY); const targetIndex = getDropTargetIndex(container, e.clientY);
@@ -356,10 +359,13 @@ export function initReorderDrag(dragHandle, loraName, widget, renderFunction) {
dropIndicator = null; dropIndicator = null;
} }
// Reset cursor
document.body.style.cursor = '';
container = null; container = null;
}); });
// Also reset cursor when mouse leaves the document
document.addEventListener('mouseleave', () => {
document.body.style.cursor = '';
});
} }
// Function to handle keyboard navigation // Function to handle keyboard navigation