Merge pull request #9026 from orkunkarakus/fix/7497-LongLinesInCode

Message list not vertically scrolling while mouse over horizontal scrollable code blocks (#7497) is fixed [Duplicate for vertical scroll hotfix]
Expensify · May 18, 2022 · 20c1174 · 20c1174
2 parents b3d2a94 + ced4039
commit 20c1174
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.js b/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.js
@@ -31,7 +31,9 @@ class PreRenderer extends React.Component {
         const node = this.ref.getScrollableNode();
         const horizontalOverflow = node.scrollWidth > node.offsetWidth;
 
-        if ((event.currentTarget === node) && horizontalOverflow) {
+        // Account for vertical scrolling variation when horizontally scrolling via touchpad by checking a large delta.
+        const isVerticalScrolling = Math.abs(event.deltaY) > 3; // This is for touchpads sensitive
+        if ((event.currentTarget === node) && horizontalOverflow && !isVerticalScrolling) {
             node.scrollLeft += event.deltaX;
             event.preventDefault();
             event.stopPropagation();