Fix move confirmation when cursor is on resize handle

ivan-liadniou-epam · Aug 17, 2023 · 5596d9e · 5596d9e
1 parent 9c59acb
commit 5596d9e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/ui/components/task.svelte b/src/ui/components/task.svelte
@@ -73,7 +73,7 @@
   <div
     class="resize-handle absolute-stretch-x"
     on:mousedown|stopPropagation={handleResizeStart}
-    on:mouseup|stopPropagation={() =>
+    on:mouseup={() =>
       handleResizeConfirm(text, height, startMinutes)}
   ></div>
 </div>

diff --git a/src/ui/hooks/use-resize.ts b/src/ui/hooks/use-resize.ts
@@ -1,6 +1,6 @@
 import { sizeToDuration } from "src/store/timeline-store";
 import { updateTimestamps } from "src/store/update-timestamp";
-import { writable } from "svelte/store";
+import { get, writable } from "svelte/store";
 
 export function useResize() {
   const resizing = writable(false);
@@ -19,6 +19,10 @@ export function useResize() {
     // todo: don't need start minutes here
     startMinutes: number,
   ) {
+    if (!get(resizing)) {
+      return;
+    }
+
     resizing.set(false);
 
     const newDurationMinutes = sizeToDuration(taskHeight);