fix(search): Add the buttons so keyboard users can tab to the filter

Signed-off-by: Joas Schilling <[email protected]>
nextcloud · Aug 10, 2023 · d06b8eb · d06b8eb
1 parent 4bbca0a
commit d06b8eb
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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" />