select first tab after navigation

FlowFuse · Dec 21, 2024 · 8a14562 · 8a14562
1 parent abf3130
commit 8a14562
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/ui/src/layouts/Tabs.vue b/ui/src/layouts/Tabs.vue
@@ -70,6 +70,14 @@ export default {
         WidgetGroup
     },
     mixins: [Responsiveness],
+    beforeRouteEnter (to, from, next) {
+        next(vm => {
+            // Select the first tabsheet every time the user arrives on this page
+            if (vm.orderedGroups && vm.orderedGroups.length > 0) {
+                vm.tab = 0
+            }
+        })
+    },
     data () {
         return {
             tab: 0