fix: touchend event

Author: maryia-deriv

src/store/ChartAdapterStore.ts

@@ -243,31 +243,32 @@ export default class ChartAdapterStore {
             chartNode &&
             this.scrollableChartParent &&
             !this.mainStore.state.isVerticalScrollEnabled &&
-            e.touches.length === 1
+            e.changedTouches.length === 1
         ) {
-            const { pageX, screenX, screenY } = e.touches[0];
+            const { pageX, pageY } = e.changedTouches[0];
             if (['touchstart', 'touchend'].includes(e.type)) {
-                this.touchValues = e.type === 'touchstart' ? { x: screenX, y: screenY } : { yOnTouchEnd: screenY };
+                this.touchValues = e.type === 'touchstart' ? { x: pageX, y: pageY } : { yOnTouchEnd: pageY };
             } else if (e.type === 'touchmove') {
                 const nonScrollableAreaWidth = chartNode.offsetWidth - this.mainStore.chart.yAxisWidth;
                 const { left } = chartNode.getBoundingClientRect();
 
                 if (this.touchValues.x && this.touchValues.y) {
-                    const deltaX = Math.abs(screenX - this.touchValues.x);
-                    const deltaY = Math.abs(screenY - this.touchValues.y);
+                    const deltaX = Math.abs(pageX - this.touchValues.x);
+                    const deltaY = Math.abs(pageY - this.touchValues.y);
                     const isVerticalScroll = deltaY > deltaX;
                     const x = pageX - left;
                     if (x < nonScrollableAreaWidth && isVerticalScroll && !this.scrollChartParentOnTouchTimer) {
                         this.touchValues.yOnTouchEnd = undefined;
                         this.scrollChartParentOnTouchTimer = setTimeout(() => {
                             this.scrollableChartParent?.scrollBy({
-                                top: screenY - Number(this.touchValues.yOnTouchEnd ?? this.touchValues.y),
+                                top: pageY - Number(this.touchValues.yOnTouchEnd ?? this.touchValues.y),
+                                behavior: 'smooth',
                             });
                             this.scrollChartParentOnTouchTimer = undefined;
-                        }, 300);
+                        }, 100);
                     }
                 }
-                this.touchValues = { x: screenX, y: screenY };
+                this.touchValues = { x: pageX, y: pageY };
             }
         }
     }