diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 0b8fdc96..74484d46 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -410,7 +410,8 @@ TODO: Notification related todos that came up:
 				WorkOrderItemUnit: 44,
 					http://localhost:8080/open/44/85
 
-		
+				RESULTS
+					Does open the element in question, but still needs a scroll to action
 
 
 
diff --git a/ayanova/src/components/work-order-item-expenses.vue b/ayanova/src/components/work-order-item-expenses.vue
index 49efee6a..734c812c 100644
--- a/ayanova/src/components/work-order-item-expenses.vue
+++ b/ayanova/src/components/work-order-item-expenses.vue
@@ -74,6 +74,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="expensetopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -464,6 +465,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.expensetopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-labors.vue b/ayanova/src/components/work-order-item-labors.vue
index cba8428a..c09b63da 100644
--- a/ayanova/src/components/work-order-item-labors.vue
+++ b/ayanova/src/components/work-order-item-labors.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="labortopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -459,6 +460,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.labortopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-loans.vue b/ayanova/src/components/work-order-item-loans.vue
index 9507130a..c0f147d9 100644
--- a/ayanova/src/components/work-order-item-loans.vue
+++ b/ayanova/src/components/work-order-item-loans.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="loantopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -488,6 +489,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.loantopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-outside-services.vue b/ayanova/src/components/work-order-item-outside-services.vue
index c6286a82..a7bcca4c 100644
--- a/ayanova/src/components/work-order-item-outside-services.vue
+++ b/ayanova/src/components/work-order-item-outside-services.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="outsideservicetopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -630,6 +631,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.outsideservicetopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-part-requests.vue b/ayanova/src/components/work-order-item-part-requests.vue
index 009be1a4..d6652928 100644
--- a/ayanova/src/components/work-order-item-part-requests.vue
+++ b/ayanova/src/components/work-order-item-part-requests.vue
@@ -67,6 +67,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="partrequesttopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -154,6 +155,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.partrequesttopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-parts.vue b/ayanova/src/components/work-order-item-parts.vue
index efd60756..7a234edf 100644
--- a/ayanova/src/components/work-order-item-parts.vue
+++ b/ayanova/src/components/work-order-item-parts.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="parttopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -384,6 +385,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.parttopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-scheduled-users.vue b/ayanova/src/components/work-order-item-scheduled-users.vue
index 4bbb45df..c9d7e923 100644
--- a/ayanova/src/components/work-order-item-scheduled-users.vue
+++ b/ayanova/src/components/work-order-item-scheduled-users.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="scheduledusertopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -329,6 +330,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.scheduledusertopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-tasks.vue b/ayanova/src/components/work-order-item-tasks.vue
index 53e8c726..67bd0248 100644
--- a/ayanova/src/components/work-order-item-tasks.vue
+++ b/ayanova/src/components/work-order-item-tasks.vue
@@ -68,6 +68,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="tasktopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -357,6 +358,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.tasktopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-travels.vue b/ayanova/src/components/work-order-item-travels.vue
index 27dd2cfe..50d77a49 100644
--- a/ayanova/src/components/work-order-item-travels.vue
+++ b/ayanova/src/components/work-order-item-travels.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="traveltopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -459,6 +460,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.traveltopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-item-units.vue b/ayanova/src/components/work-order-item-units.vue
index db1c73b5..96169fa7 100644
--- a/ayanova/src/components/work-order-item-units.vue
+++ b/ayanova/src/components/work-order-item-units.vue
@@ -61,6 +61,7 @@
         </v-col>
       </template>
       <template v-if="hasData && hasSelection">
+        <div ref="unittopform"></div>
         <v-btn
           v-if="canDelete && isDeleted"
           large
@@ -308,6 +309,12 @@ export default {
       if (val != oldVal) {
         this.selectedRow = [{ index: val }];
         this.activeItemIndex = val;
+        this.$nextTick(() => {
+          const el = this.$refs.unittopform;
+          if (el) {
+            el.scrollIntoView({ behavior: "smooth" });
+          }
+        });
       }
     }
   },
diff --git a/ayanova/src/components/work-order-items.vue b/ayanova/src/components/work-order-items.vue
index 23c895ea..c4057083 100644
--- a/ayanova/src/components/work-order-items.vue
+++ b/ayanova/src/components/work-order-items.vue
@@ -93,7 +93,7 @@
           >{{ $ay.t("Undelete")
           }}<v-icon right large>$ayiTrashRestoreAlt</v-icon></v-btn
         >
-
+        <div ref="topform"></div>
         <v-col
           v-if="form().showMe(this, 'Items.WorkOrderItemSummary')"
           cols="12"
@@ -707,6 +707,14 @@ export default {
         if (navto.woitemindex != null) {
           this.selectedRow = [{ index: navto.woitemindex }];
           this.activeItemIndex = navto.woitemindex;
+
+          this.$nextTick(() => {
+            const el = this.$refs.topform;
+            if (el) {
+              el.scrollIntoView({ behavior: "smooth" });
+            }
+          });
+
           if (navto.childindex != null) {
             this.$nextTick(() => {
               switch (val.type) {