Menus (dropdowns) with separator: Fix hidden keyboard focus

When opening a menu as in Calc > Home > Conditional menu and then press tab: we can successfully cycle through the elements but for some elements user cannot see the focus. - The focus was being set but under the separator. So, better to assure that the immediate separator neighbor is set to transparent. Signed-off-by: Pedro Pinto Silva <[email protected]> Change-Id: Icb87b3173144356efad101f5e2b9b77e0e8dcd06
CollaboraOnline · Oct 29, 2023 · d6375f8 · d6375f8
1 parent 2b5eb98
commit d6375f8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
@@ -218,6 +218,9 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 
 /* Separator */
 
+.jsdialog:focus-visible + .jsdialog.ui-separator.vertical {
+	background-color: transparent;
+}
 .jsdialog.ui-separator.vertical {
 	height: 100%;
 	padding-right: 6px;