fix: use empty template by default when pressing enter

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
nextcloud · Aug 29, 2024 · 1d9066c · 1d9066c
1 parent f81a349
commit 1d9066c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/apps/files/src/components/TemplatePreview.vue b/apps/files/src/components/TemplatePreview.vue
@@ -6,6 +6,7 @@
 <template>
 	<li class="template-picker__item">
 		<input :id="id"
+			ref="input"
 			:checked="checked"
 			type="radio"
 			class="radio"
@@ -124,6 +125,9 @@ export default {
 		onFailure() {
 			this.failedPreview = true
 		},
+		focus() {
+			this.$refs.input?.focus()
+		},
 	},
 }
 </script>

diff --git a/apps/files/src/views/TemplatePicker.vue b/apps/files/src/views/TemplatePicker.vue
@@ -17,6 +17,7 @@
 			<!-- Templates list -->
 			<ul class="templates-picker__list">
 				<TemplatePreview v-bind="emptyTemplate"
+					ref="emptyTemplatePreview"
 					:checked="checked === emptyTemplate.fileid"
 					@check="onCheck" />
 
@@ -179,6 +180,11 @@ export default defineComponent({
 
 			// Else, open the picker
 			this.opened = true
+
+			// Set initial focus to the empty template preview
+			this.$nextTick(() => {
+				this.$refs.emptyTemplatePreview?.focus()
+			})
 		},
 
 		/**