Always focus inputs on kanban when adding a new task or bucket

src/main.js

@@ -134,12 +134,12 @@ Vue.use(vueShortkey)
 // Set focus
 Vue.directive('focus', {
 	// When the bound element is inserted into the DOM...
-	inserted: el => {
+	inserted: (el, {modifiers}) => {
 		// Focus the element only if the viewport is big enough
 		// auto focusing elements on mobile can be annoying since in these cases the
 		// keyboard always pops up and takes half of the available space on the screen.
 		// The threshhold is the same as the breakpoints in css.
-		if (window.innerWidth > 769) {
+		if (window.innerWidth > 769 || (typeof modifiers.always !== 'undefined' && modifiers.always)) {
 			el.focus()
 		}
 	}

src/views/list/views/Kanban.vue

@@ -125,7 +125,7 @@
 								class="input"
 								type="text"
 								placeholder="Enter the new task text..."
-								v-focus
+								v-focus.always
 								@focusout="toggleShowNewTaskInput(bucket.id)"
 								@keyup.esc="toggleShowNewTaskInput(bucket.id)"
 								@keyup.enter="addTaskToBucket(bucket.id)"
@@ -161,7 +161,7 @@
 					class="input"
 					type="text"
 					placeholder="Enter the new bucket title..."
-					v-focus
+					v-focus.always
 					@focusout="() => showNewBucketInput = false"
 					@keyup.esc="() => showNewBucketInput = false"
 					@keyup.enter="createNewBucket"