Fixed scroll behaviour

ohcnetwork · Sep 12, 2024 · 248afe9 · 248afe9
1 parent e9ee7c3
commit 248afe9
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/Components/Common/DateInputV2.tsx b/src/Components/Common/DateInputV2.tsx
@@ -254,8 +254,7 @@ const DateInputV2: React.FC<Props> = ({
     getDayCount(datePickerHeaderDate);
   }, [datePickerHeaderDate]);
 
-  useEffect(() => {
-    value && setDatePickerHeaderDate(value);
+  const scrollTime = (smooth: boolean = true) => {
     const timeScrollers = [hourScrollerRef, minuteScrollerRef];
     timeScrollers.forEach((scroller) => {
       if (!scroller.current) return;
@@ -268,10 +267,23 @@ const DateInputV2: React.FC<Props> = ({
         const toScroll =
           selectedPosition - scroller.current.getBoundingClientRect().top;
 
-        selected.parentElement?.scrollBy({ top: toScroll, behavior: "smooth" });
+        selected.parentElement?.scrollBy({
+          top: toScroll,
+          behavior: smooth ? "smooth" : "instant",
+        });
       }
     });
-  }, [value, popOverOpen]);
+  };
+
+  useEffect(() => {
+    value && setDatePickerHeaderDate(value);
+    scrollTime();
+  }, [value]);
+
+  useEffect(() => {
+    if (!popOverOpen) return;
+    scrollTime(false);
+  }, [popOverOpen]);
 
   useEffect(() => {
     isOpen && popoverButtonRef.current?.click();