From cc936fb3b9ef0bd5ae3d078faa21bf4283599588 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Wed, 1 Feb 2023 10:36:39 +0000
Subject: [PATCH] improve feedback experience

---
 frontend/src/components/FullScreenInput.vue | 3 ++-
 frontend/src/main.js                        | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FullScreenInput.vue b/frontend/src/components/FullScreenInput.vue
index e64ca4e..1fbaea8 100644
--- a/frontend/src/components/FullScreenInput.vue
+++ b/frontend/src/components/FullScreenInput.vue
@@ -2,7 +2,8 @@
 	<div id="overlay" class="center-stuff">
 		<h1>{{text}}</h1>
 		<form @submit="submit">
-			<input v-model="val" class="chooserInput"/>
+			<input v-if="val.length < 20" v-model="val" class="chooserInput" v-focus/>
+			<textarea v-else v-model="val" class="chooserInput" cols="38" rows="15" v-focus/>
 		</form>
 		<p v-if="hintText">{{hintText}}</p>
 		<div class="center-stuff">
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 36779c2..38ee88c 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -13,6 +13,12 @@ Vue.use(PrettyCheckbox)
 import VueClipboard from 'vue-clipboard2'
 Vue.use(VueClipboard)
 
+Vue.directive('focus', {
+	inserted: function (el) {
+			el.focus()
+	}
+})
+
 import VueI18n from 'vue-i18n'
 Vue.use(VueI18n)