From 1d9066cc68a6f416aaa4205f8e2b830ecd2087bc Mon Sep 17 00:00:00 2001
From: Elizabeth Danzberger <lizzy7128@tutanota.de>
Date: Tue, 20 Aug 2024 17:37:48 -0400
Subject: [PATCH] fix: use empty template by default when pressing enter

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
---
 apps/files/src/components/TemplatePreview.vue | 4 ++++
 apps/files/src/views/TemplatePicker.vue       | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/apps/files/src/components/TemplatePreview.vue b/apps/files/src/components/TemplatePreview.vue
index f73afd9abbe13..512a165989a0a 100644
--- 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
index 0d5b3cbaac951..e2fb815380d9d 100644
--- 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()
+			})
 		},
 
 		/**