fix: card details focus issue with screen reader

Signed-off-by: Luka Trovic <luka@nextcloud.com>

Author: luka-nextcloud

src/components/card/CardSidebar.vue

@@ -22,6 +22,7 @@
 
 <template>
 	<NcAppSidebar v-if="currentBoard && currentCard"
+		ref="cardSidebar"
 		:active="tabId"
 		:name="title"
 		:subname="subtitle"
@@ -30,6 +31,7 @@
 		@update:nameEditable="handleUpdateTitleEditable"
 		@update:name="handleUpdateTitle"
 		@submit-name="handleSubmitTitle"
+		@opened="focusHeader"
 		@close="closeSidebar">
 		<template #secondary-actions>
 			<NcActionButton v-if="cardDetailsInModal && isFullApp" icon="icon-menu-sidebar" @click.stop="closeModal()">
@@ -170,7 +172,15 @@ export default {
 			},
 		},
 	},
+	watch: {
+		currentCard() {
+			this.focusHeader()
+		},
+	},
 	methods: {
+		focusHeader() {
+			this.$refs.cardSidebar.$el.querySelector('.app-sidebar-header__mainname').focus()
+		},
 		handleUpdateTitleEditable(value) {
 			this.titleEditable = value
 			if (value) {