fix: autofocus guest name input

Signed-off-by: Elizabeth Danzberger <[email protected]>
nextcloud · Sep 5, 2024 · 6ad07ed · 6ad07ed
1 parent 0df38a7
commit 6ad07ed
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/GuestNamePicker.vue b/src/components/GuestNamePicker.vue
@@ -24,7 +24,8 @@
 			</p>
 
 			<fieldset>
-				<NcTextField :value="guestName"
+				<NcTextField ref="guestNameInput"
+					:value="guestName"
 					data-cy="guestNameInput"
 					:label="t('richdocuments', 'Guest name')"
 					:placeholder="t('richdocuments', 'Anonymous guest')"
@@ -83,6 +84,10 @@ export default {
 	},
 
 	async mounted() {
+		this.$nextTick(() => {
+			this.$refs.guestNameInput.focus()
+		})
+
 		const name = document.getElementById('filename').value
 		const mimeTypeIcon = async () => {
 			const url = document.getElementById('mimetypeIcon').value