From 54703fd1e76718468c68fe3c031a80f9847679c7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 1 Jan 2021 23:23:18 +0800
Subject: ...

---
 FrontEnd/src/app/views/home/TimelineBoard.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx
index ae4a1180..77801a57 100644
--- a/FrontEnd/src/app/views/home/TimelineBoard.tsx
+++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx
@@ -52,8 +52,14 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
           <i className="bi-trash icon-button text-danger px-2" />
           <i
             className="bi-grip-vertical icon-button text-gray px-2"
-            onPointerDown={actions.onMoveStart}
-            onPointerUp={actions.onMoveEnd}
+            onPointerDown={(e) => {
+              e.currentTarget.setPointerCapture(e.pointerId);
+              actions.onMoveStart(e);
+            }}
+            onPointerUp={(e) => {
+              actions.onMoveEnd(e);
+              e.currentTarget.releasePointerCapture(e.pointerId);
+            }}
             onPointerMove={actions.onMoving}
           />
         </div>
@@ -176,6 +182,8 @@ const TimelineBoardUI: React.FC<TimelineBoardUIProps> = (props) => {
                     index <= moveState.index + offsetCount
                   ) {
                     offset = -1;
+                  } else {
+                    offset = 0;
                   }
                 } else {
                   const offsetCount = Math.round(-moveState.offset / height);
@@ -184,6 +192,8 @@ const TimelineBoardUI: React.FC<TimelineBoardUIProps> = (props) => {
                     index >= moveState.index - offsetCount
                   ) {
                     offset = 1;
+                  } else {
+                    offset = 0;
                   }
                 }
               }
-- 
cgit v1.2.3