Focus time field if Event and PB Type are pre-filled

cubing · Apr 16, 2021 · e467804 · e467804
1 parent 2744f9b
commit e467804
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/components/interface/crud/special/editPersonalBestInterface.vue b/frontend/components/interface/crud/special/editPersonalBestInterface.vue
@@ -21,6 +21,7 @@
           >
             <v-text-field
               v-if="item.field === 'timeElapsed'"
+              ref="timeElapsed"
               v-model="item.value"
               :label="
                 (item.fieldInfo.text || item.field) +
@@ -177,6 +178,15 @@ export default {
     },
   },
 
+  mounted() {
+    // focus the time field if the event and pbClass are set
+    if (this.event && this.pbClass) {
+      setTimeout(() => {
+        this.$refs.timeElapsed[0].focus()
+      }, 0)
+    }
+  },
+
   methods: {
     isNumber(evt) {
       const charCode = evt.which ? evt.which : evt.keyCode