Fix bugs in touch events yet again

Nummenpojat · Oct 30, 2024 · 27690f5 · 27690f5
1 parent cde466e
commit 27690f5
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/client/src/components/availabilities/MeetingGridBodyCells.tsx b/client/src/components/availabilities/MeetingGridBodyCells.tsx
@@ -397,6 +397,8 @@ const Cell = React.memo(function Cell({
     );
   }
 
+  const [isClick, setIsClick] = React.useState(false); // Track whether user is dragging
+
   let onMouseEnter: React.MouseEventHandler | undefined;
   let onMouseLeave: React.MouseEventHandler | undefined;
   let onMouseDown: React.MouseEventHandler | undefined;
@@ -407,6 +409,7 @@ const Cell = React.memo(function Cell({
   ) {
     if (mouseStateType === 'upNoCellsSelected') {
       onTouchStart = (e) => {
+        setIsClick(true);
         e.preventDefault(); // Prevents triggering mouse events on touch
         dispatch(notifyMouseDown({ cell: { rowIdx, colIdx }, wasOriginallySelected: isSelected }));
       };
@@ -415,6 +418,7 @@ const Cell = React.memo(function Cell({
       onMouseEnter = () => dispatch(notifyMouseEnter({ cell: { rowIdx, colIdx } }));
       onTouchMove = (e) => {
         e.preventDefault();
+        setIsClick(false)
         const touch = e.touches[0];
         const targetElement = document.elementFromPoint(touch.clientX, touch.clientY);
         if (targetElement) {
@@ -424,6 +428,10 @@ const Cell = React.memo(function Cell({
         }
       };
     }
+    onTouchEnd = () => {
+      if (!isClick)
+        dispatch(notifyMouseUp());
+    };
   } else if (selMode.type === 'selectedUser') {
     onMouseDown = () => showToast({
       msg: `Klikkaa 'Muokkaa sopiva ajankohta' painiketta`,