From 59e371e80f096f7d927d085b7ca59a94304bebe3 Mon Sep 17 00:00:00 2001
From: Luka Trovic <luka@nextcloud.com>
Date: Tue, 7 May 2024 17:58:21 +0200
Subject: [PATCH] fix: card details focus issue with screen reader

Signed-off-by: Luka Trovic <luka@nextcloud.com>
---
 src/components/card/CardSidebar.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index f15a1a40a..88261d38c 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -5,6 +5,7 @@
 
 <template>
 	<NcAppSidebar v-if="currentBoard && currentCard"
+		ref="cardSidebar"
 		:active="tabId"
 		:name="title"
 		:subname="subtitle"
@@ -13,6 +14,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()">
@@ -153,7 +155,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) {