From d6375f838bffce1d8fce69d67e63cb1ade4057cf Mon Sep 17 00:00:00 2001
From: Pedro Pinto Silva <pedro.silva@collabora.com>
Date: Fri, 27 Oct 2023 13:30:33 +0200
Subject: [PATCH] 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 <pedro.silva@collabora.com>
Change-Id: Icb87b3173144356efad101f5e2b9b77e0e8dcd06
---
 browser/css/jsdialogs.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
index 1d5d358e1c067..8f04d6a2cb545 100644
--- 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;