Autofocus the departure field

mimischi · Feb 23, 2019 · fc89520 · fc89520
1 parent 29d5f23
commit fc89520
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/ConnectionForm.vue b/src/components/ConnectionForm.vue
@@ -25,6 +25,7 @@ the-card(
               v-flex(xs11)
                 station-search(
                   v-model="connection.from"
+                  :autofocus=`true`,
                   direction="from"
                   label="Departure station"
                   prepend-icon="flight_takeoff"

diff --git a/src/components/StationSearch.vue b/src/components/StationSearch.vue
@@ -1,6 +1,7 @@
 <template lang="pug">
 v-autocomplete(
   v-model="model"
+  :autofocus="autofocus"
   :items="items"
   :label="label"
   :loading="loading"
@@ -29,6 +30,10 @@ export default {
       type: Object,
       required: true
     },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
     label: {
       type: String,
       default: "Station name"