Merge pull request #1552 from bartbutenaers/select-first-tab

Group tabs - select first tab after navigation
FlowFuse · Dec 23, 2024 · fbc2020 · fbc2020
2 parents d27fd37 + 8a14562
commit fbc2020
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