From f4e1155e9be4ed2b222e2ea6e88a8984a9dbe7c8 Mon Sep 17 00:00:00 2001
From: LawyZheng <lawyzheng1106@gmail.com>
Date: Thu, 9 May 2024 19:04:05 +0800
Subject: [PATCH] fix scrolling problem

---
 skyvern/webeye/scraper/domUtils.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/skyvern/webeye/scraper/domUtils.js b/skyvern/webeye/scraper/domUtils.js
index 08ed0df73..f760b5792 100644
--- a/skyvern/webeye/scraper/domUtils.js
+++ b/skyvern/webeye/scraper/domUtils.js
@@ -1140,7 +1140,7 @@ function removeBoundingBoxes() {
 
 function scrollToTop(draw_boxes) {
   removeBoundingBoxes();
-  window.scrollTo(0, 0);
+  window.scrollTo({ left: 0, top: 0, behavior: "instant" });
   scrollDownAndUp();
   if (draw_boxes) {
     var elementsAndResultArray = buildTreeFromBody();
@@ -1153,7 +1153,11 @@ function scrollToNextPage(draw_boxes) {
   // remove bounding boxes, scroll to next page with 200px overlap, then draw bounding boxes again
   // return true if there is a next page, false otherwise
   removeBoundingBoxes();
-  window.scrollBy(0, window.innerHeight - 200);
+  window.scrollBy({
+    left: 0,
+    top: window.innerHeight - 200,
+    behavior: "instant",
+  });
   scrollUpAndDown();
   if (draw_boxes) {
     var elementsAndResultArray = buildTreeFromBody();
@@ -1166,18 +1170,18 @@ function scrollUpAndDown() {
   // remove select2-drop-above class to prevent dropdown from being rendered on top of the box
   // then scroll up by 1 and scroll down by 1
   removeSelect2DropAbove();
-  window.scrollBy(0, -1);
+  window.scrollBy({ left: 0, top: -1, behavior: "instant" });
   removeSelect2DropAbove();
-  window.scrollBy(0, 1);
+  window.scrollBy({ left: 0, top: 1, behavior: "instant" });
 }
 
 function scrollDownAndUp() {
   // remove select2-drop-above class to prevent dropdown from being rendered on top of the box
   // then scroll up by 1 and scroll down by 1
   removeSelect2DropAbove();
-  window.scrollBy(0, 1);
+  window.scrollBy({ left: 0, top: 1, behavior: "instant" });
   removeSelect2DropAbove();
-  window.scrollBy(0, -1);
+  window.scrollBy({ left: 0, top: -1, behavior: "instant" });
 }
 
 function removeSelect2DropAbove() {