feat: scroll to bottom in loop elements block

src/background/workflowEngine/blocksHandler/handlerLoopElements.js

@@ -48,6 +48,7 @@ async function loopElements({ data, id }, { refData }) {
           findBy: data.findBy,
           type: data.loadMoreAction,
           selector: data.selector.trim(),
+          scrollToBottom: data.scrollToBottom,
           actionElMaxWaitTime: data.actionElMaxWaitTime,
           actionElSelector: data.actionElSelector.trim(),
           actionPageMaxWaitTime: data.actionPageMaxWaitTime,

src/components/newtab/workflow/edit/EditLoopElements.vue

@@ -52,6 +52,13 @@
         type="number"
         @change="updateData({ actionElMaxWaitTime: +$event })"
       />
+      <ui-checkbox
+        :model-value="data.scrollToBottom"
+        class="mt-4"
+        @change="updateData({ scrollToBottom: $event })"
+      >
+        {{ t('workflow.blocks.loop-elements.scrollToBottom') }}
+      </ui-checkbox>
       <ui-input
         v-if="data.loadMoreAction === 'click-link'"
         :model-value="data.actionPageMaxWaitTime"

src/content/blocksHandler/handlerLoopElements.js

@@ -70,9 +70,13 @@ export default async function ({ data, id }) {
       if (!scrollableParent) return { continue: true };
 
       let scrollHeight = 0;
-      loopItems.forEach((item) => {
-        scrollHeight += item.getBoundingClientRect().height;
-      });
+      if (data.scrollToBottom) {
+        scrollHeight = scrollableParent.scrollHeight;
+      } else {
+        loopItems.forEach((item) => {
+          scrollHeight += item.getBoundingClientRect().height;
+        });
+      }
 
       scrollableParent.scrollTo(0, scrollHeight + 30);
 

src/locales/en/blocks.json

@@ -668,6 +668,7 @@
         "name": "Loop elements",
         "description": "Iterate through elements",
         "loadMore": "Load more elements",
+        "scrollToBottom": "Scroll to bottom",
         "actions": {
           "none": "None",
           "click-element": "Click an element to load more",

src/utils/shared.js

@@ -750,6 +750,7 @@ export const tasks = {
       actionElMaxWaitTime: 5,
       actionPageMaxWaitTime: 10,
       loadMoreAction: 'none',
+      scrollToBottom: true,
       waitForSelector: false,
       waitSelectorTimeout: 5000,
     },