Merge pull request #12296 from nextcloud/backport/12289/stable29

[stable29] fix(chat): focus submit on upload attachments without caption

src/components/NewMessage/NewMessageUploadEditor.vue

@@ -71,7 +71,7 @@
 				<NcButton type="tertiary" @click="handleDismiss">
 					{{ t('spreed', 'Dismiss') }}
 				</NcButton>
-				<NcButton type="primary" @click="handleUpload({ caption: null, options: null})">
+				<NcButton ref="submitButton" type="primary" @click="handleUpload({ caption: null, options: null})">
 					{{ t('spreed', 'Send') }}
 				</NcButton>
 			</div>
@@ -185,21 +185,25 @@ export default {
 
 	watch: {
 		async showModal(show) {
-			if (show && this.supportMediaCaption) {
+			if (show) {
+				// Wait for modal content to be rendered
 				await this.getContainerId()
-				this.$nextTick(() => {
-					this.$refs.newMessage?.focusInput()
-				})
+				if (this.supportMediaCaption) {
+					// Wait for NewMessage to be rendered after containerId is set
+					await this.$nextTick()
+					this.$refs.newMessage.focusInput()
+				} else {
+					this.$refs.submitButton.$el.focus()
+				}
 			}
 		},
 	},
 
 	methods: {
 		async getContainerId() {
-			this.$nextTick(() => {
-				// Postpone render of NewMessage until modal container is mounted
-				this.modalContainerId = `#modal-description-${this.$refs.modal.randId}`
-			})
+			await this.$nextTick()
+			// Postpone render of NewMessage until modal container is mounted
+			this.modalContainerId = `#modal-description-${this.$refs.modal.randId}`
 		},
 
 		handleDismiss() {