Merge pull request #1786 from ProcessMaker/bugfix/FOUR-17551

FOUR-17551: Scrollbar Position Issue When Navigating to Next Page

Author: ryancooley

src/components/screen-renderer.vue

@@ -110,6 +110,7 @@ export default {
       return this.$refs.component.getCurrentPage();
     },
     setCurrentPage(page) {
+      this.$emit("updatedPage");
       this.$refs.component.setCurrentPage(page);
     },
     afterSubmit() {

src/components/task.vue

@@ -32,6 +32,7 @@
             :key="refreshScreen"
             :loop-context="loopContext"
             :taskdraft="this.task"
+            @update-page-task="pageUpdate"
             @update="onUpdate"
             @after-submit="afterSubmit"
             @submit="submit"
@@ -50,6 +51,7 @@
             :watchers="screen.watchers"
             :data="requestData"
             :type="screen.type"
+            @update-page-task="pageUpdate"
             @update="onUpdate"
             @after-submit="afterSubmit"
             @submit="submit"
@@ -107,7 +109,7 @@ export default {
     alwaysAllowEditing: { type: Boolean, default: false },
     disableInterstitial: { type: Boolean, default: false },
     waitLoadingListeners: { type: Boolean, default: false },
-    isWebEntry: { type: Boolean, default: false },
+    isWebEntry: { type: Boolean, default: false }
   },
   data() {
     return {
@@ -365,6 +367,9 @@ export default {
         this.hasErrors = false;
       }
     },
+    pageUpdate() {
+      this.$emit("updated-page-core");
+    },
     resetScreenState() {
       this.loadingButton = false;
       this.disabled = false;

src/components/vue-form-renderer.vue

@@ -19,6 +19,7 @@
       class="p-0"
       :loop-context="loopContext"
       :taskdraft="taskdraft"
+      @updatePage="setCurrentPage"
       @after-submit="afterSubmit"
       @submit="submit"
     />
@@ -361,6 +362,7 @@ export default {
       return this.$refs.renderer.getCurrentPage();
     },
     setCurrentPage(page) {
+      this.$emit("update-page-task");
       this.$refs.renderer.setCurrentPage(page);
     },
     onContainerObserver(entries) {

src/mixins/extensions/PageNavigate.js

@@ -13,6 +13,7 @@ export default {
         if (!this.$parent.definition.config[page]) {
           return;
         }
+        this.$parent.$emit("updatePage");
         this.currentPage__ = page;
       };
     },