lock cursor on drag start
Hunter
Sunday, October 19th, 2025 at 9:58 PM
66 outline: 2px solid transparent;
67 outline-offset: -2px;
68 transition: outline-color 0.2s;
- background: #fafaf8;
69 + background: #fafaf8;
70 }
71
72 .image-container:hover {
82 outline-color: #4a90e2;
83 }
84
- body.resizing * {
85 + body.resizing *,
86 + body.dragging * {
87 cursor: inherit !important;
88 }
89
376 return;
377 }
378
379 + // Lock cursor to move during drag operation
380 + document.body.style.cursor = 'move';
381 + document.body.classList.add('dragging');
382 +
383 dragState = {
384 image: imageData,
385 startX: e.clientX,
486 if (dragState) {
487 dragState.image.container.classList.remove('dragging');
488 dragState = null;
489 + // Restore the default cursor
490 + document.body.style.cursor = '';
491 + document.body.classList.remove('dragging');
492 }
493 if (resizeState) {
494 resizeState.image.container.classList.remove('resizing');