ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-07-24 07:45:57 +02:00
Code Issues Projects Releases Wiki Activity

Notebook reorder: track drag on window pointer events so it works in WebView2 (Windows)

Browse Source
This commit is contained in:
Yuri Karamian
2026-06-25 14:47:06 +02:00
parent 879d2f42c6
commit 181b3eb6c2
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Sidebar.svelte
+13 -3
View File
@@ -383,13 +383,24 @@
} }
} }
function nbStopDragListeners() {
window.removeEventListener('pointermove', nbPointerMove);
window.removeEventListener('pointerup', nbPointerUp);
window.removeEventListener('pointercancel', nbPointerCancel);
}
function nbHandleDown(e: PointerEvent, nb: NotebookEntry) { function nbHandleDown(e: PointerEvent, nb: NotebookEntry) {
if (e.pointerType === 'mouse' && e.button !== 0) return; if (e.pointerType === 'mouse' && e.button !== 0) return;
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
nbStopDragListeners();
nbPointer = { id: e.pointerId, src: nb.path }; nbPointer = { id: e.pointerId, src: nb.path };
draggedNotebookPath = nb.path; draggedNotebookPath = nb.path;
try { (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId); } catch {} try { (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId); } catch {}
// WebView2 doesn't reliably send pointermove to a captured element; track on window instead.
window.addEventListener('pointermove', nbPointerMove, { passive: false });
window.addEventListener('pointerup', nbPointerUp);
window.addEventListener('pointercancel', nbPointerCancel);
} }
function nbPointerMove(e: PointerEvent) { function nbPointerMove(e: PointerEvent) {
@@ -412,6 +423,7 @@
function nbPointerUp(e: PointerEvent) { function nbPointerUp(e: PointerEvent) {
if (!nbPointer || e.pointerId !== nbPointer.id) return; if (!nbPointer || e.pointerId !== nbPointer.id) return;
nbStopDragListeners();
const src = nbPointer.src; const src = nbPointer.src;
const target = dropTargetPath; const target = dropTargetPath;
const pos = dropPosition; const pos = dropPosition;
@@ -432,6 +444,7 @@
function nbPointerCancel(e: PointerEvent) { function nbPointerCancel(e: PointerEvent) {
if (!nbPointer || e.pointerId !== nbPointer.id) return; if (!nbPointer || e.pointerId !== nbPointer.id) return;
nbStopDragListeners();
nbPointer = null; nbPointer = null;
draggedNotebookPath = null; draggedNotebookPath = null;
dropTargetPath = null; dropTargetPath = null;
@@ -1026,9 +1039,6 @@
class="nb-drag-handle" class="nb-drag-handle"
title="Drag to reorder" title="Drag to reorder"
onpointerdown={(e) => nbHandleDown(e, nb)} onpointerdown={(e) => nbHandleDown(e, nb)}
onpointermove={nbPointerMove}
onpointerup={nbPointerUp}
onpointercancel={nbPointerCancel}
onclick={(e) => e.stopPropagation()} onclick={(e) => e.stopPropagation()}
> >
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><circle cx="9" cy="5" r="1.6"/><circle cx="15" cy="5" r="1.6"/><circle cx="9" cy="12" r="1.6"/><circle cx="15" cy="12" r="1.6"/><circle cx="9" cy="19" r="1.6"/><circle cx="15" cy="19" r="1.6"/></svg> <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><circle cx="9" cy="5" r="1.6"/><circle cx="15" cy="5" r="1.6"/><circle cx="9" cy="12" r="1.6"/><circle cx="15" cy="12" r="1.6"/><circle cx="9" cy="19" r="1.6"/><circle cx="15" cy="19" r="1.6"/></svg>