Inhibit keyboard highlights in dialogs when effector is not in focus (#31181)

* Inhibit keyboard highlight in spotlight dialog when effector is not in focus Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Inhibit keyboard highlight in forward dialog when effector is not in focus Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix search box height bouncing on focus/blur Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2025-11-06 16:32:46 +00:00
parent eade32a80c
commit 3848d570be
4 changed files with 31 additions and 15 deletions
@@ -61,6 +61,11 @@ Please see LICENSE files in the repository root for full details.
            /* To match the space around the title */
            margin: 0 0 15px 0;
            flex-grow: 0;
+
+            &:not(:focus-within) + .mx_ForwardList_content {
+                /* Inhibit the styling if focus is not within the input which handles keyboard accessibility */
+                --mx_ForwardList_entry_selectedBgColor: transparent;
+            }
        }

        .mx_ForwardList_content {
@@ -90,7 +95,7 @@ Please see LICENSE files in the repository root for full details.

                &:hover,
                &.mx_ForwardList_entry_active {
-                    background-color: $spacePanel-bg-color;
+                    background-color: var(--mx_ForwardList_entry_selectedBgColor, $spacePanel-bg-color);
                }

                .mx_ForwardList_roomButton {