From 7259f7230779d67484216583ee7554ee0f20b94c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Sat, 9 May 2020 17:05:05 +0200
Subject: [PATCH] Focus title after form load

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Create.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/views/Create.vue b/src/views/Create.vue
index f4377ba..f0329c4 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -47,6 +47,7 @@
 			<label class="hidden-visually" for="form-title">{{ t('forms', 'Form title') }}</label>
 			<input
 				id="form-title"
+				ref="title"
 				v-model="form.title"
 				:minlength="0"
 				:maxlength="maxStringLengths.formTitle"
@@ -229,9 +230,21 @@ export default {
 				this.errorForm = true
 			} finally {
 				this.isLoadingForm = false
+				if (this.form.title === '') {
+					this.focusTitle()
+				}
 			}
 		},
 
+		/**
+		 * Focus title after form load
+		 */
+		focusTitle() {
+			this.$nextTick(() => {
+				this.$refs.title.focus()
+			})
+		},
+
 		/**
 		 * Title & description save methods
 		 */