fix: disable window scrolling while swiping horizontally

src/blocks/Slider/Slider.tsx

@@ -184,6 +184,16 @@
         return () => window.removeEventListener('resize', onResize);
     }, [onResize]);
 
+    useEffect(() => {
+        window.addEventListener('touchstart', touchStart);
+        window.addEventListener('touchmove', preventTouch, {passive: false});
+
+        return () => {
+            window.removeEventListener('touchstart', touchStart);
+            window.removeEventListener('touchmove', preventTouch);
+        };
+    });
+
     const handleArrowClick = (direction: ArrowType) => {
         let nextIndex;
 
@@ -436,6 +446,26 @@
         );
     };
 
+    const [firstClient, setFirstClient] = useState<number | undefined>();
+    const touchStart = (e: TouchEvent) => {
+        setFirstClient(e.touches[0].clientX);
+    };
+
+    const preventTouch = (e: TouchEvent) => {
+        if (firstClient) {
+            const minValue = 5; // threshold
+            const clientX = e.touches[0].clientX - firstClient;
+
+            // Vertical scrolling does not work when you start swiping horizontally.
+            if (Math.abs(clientX) > minValue) {
+                e.preventDefault();
+                e.returnValue = false;
+                return false;
+            }
+        }
+        return true;
+    };
+
     return (
         <StylesContext.Provider value={{...childStyles, setStyles: setChildStyles}}>
             <div