Merge pull request #44847 from nextcloud/fix/files-focus-new-node-dialog

fix(files): Focus filename input in new-node dialog when opened

apps/files/src/components/NewNodeDialog.vue

@@ -128,14 +128,31 @@ export default defineComponent({
 		defaultName() {
 			this.localDefaultName = this.defaultName || t('files', 'New folder')
 		},
+
+		/**
+		 * Ensure the input is focussed even if the dialog is already mounted but not open
+		 */
+		open() {
+			this.$nextTick(() => this.focusInput())
+		},
 	},
 	mounted() {
 		// on mounted lets use the unique name
 		this.localDefaultName = this.uniqueName
-		this.$nextTick(() => (this.$refs.input as unknown as ICanFocus)?.focus?.())
+		this.$nextTick(() => this.focusInput())
 	},
 	methods: {
 		t,
+
+		/**
+		 * Focus the filename input field
+		 */
+		focusInput() {
+			if (this.open) {
+				this.$nextTick(() => (this.$refs.input as unknown as ICanFocus)?.focus?.())
+			}
+		},
+
 		onCreate() {
 			this.$emit('close', this.localDefaultName)
 		},