From d06b8eb85297ee0bff385211d22d7179b0e6b6c6 Mon Sep 17 00:00:00 2001
From: Joas Schilling <coding@schilljs.com>
Date: Thu, 10 Aug 2023 14:05:59 +0200
Subject: [PATCH] fix(search): Add the buttons so keyboard users can tab to the
 filter

Signed-off-by: Joas Schilling <coding@schilljs.com>
---
 src/components/LeftSidebar/LeftSidebar.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue
index 19ecabaca50..966511a516c 100644
--- a/src/components/LeftSidebar/LeftSidebar.vue
+++ b/src/components/LeftSidebar/LeftSidebar.vue
@@ -37,7 +37,10 @@
 
 			<TransitionGroup name="radial-reveal">
 				<!-- Filters -->
-				<div v-show="!isFocused" key="filters" class="filters">
+				<div v-show="searchText === ''"
+					key="filters"
+					class="filters"
+					:class="{'hidden-visually': isFocused}">
 					<NcActions class="filter-actions"
 						:primary="isFiltered !== null">
 						<template #icon>
@@ -76,9 +79,10 @@
 				</div>
 
 				<!-- Actions -->
-				<div v-show="!isFocused"
+				<div v-show="searchText === ''"
 					key="actions"
-					class="actions">
+					class="actions"
+					:class="{'hidden-visually': isFocused}">
 					<NcActions class="conversations-actions">
 						<template #icon>
 							<DotsVertical :size="20" />