From 54e014b73258d09add72b0b623f3d16d06364580 Mon Sep 17 00:00:00 2001
From: Romeo Fragomeli <rfr@odoo.com>
Date: Fri, 30 Sep 2022 09:06:32 +0000
Subject: [PATCH] [FIX] web: keyboard navigation visual on row

This commit restores the highlight on the row when we navigate with the
keyboard.

Note we use `:focus-within` to maintain the highlight when we are in a
sub element of the row (e.g. `th`, `td`, some sub `div`, ...)

Steps to reproduce:
* Open a list view
* Use the keyboard to navigate => BUG

X-original-commit: 277fbfadd03133187b6d015f996e5197db5da5b1
Part-of: odoo/odoo#101835
---
 addons/web/static/src/views/list/list_renderer.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/list/list_renderer.scss b/addons/web/static/src/views/list/list_renderer.scss
index b0a36ec4958..c5d9f4c0c8f 100644
--- a/addons/web/static/src/views/list/list_renderer.scss
+++ b/addons/web/static/src/views/list/list_renderer.scss
@@ -150,8 +150,8 @@
         }
 
         .o_keyboard_navigation {
-            tr:hover {
-                outline-color: transparent;
+            tr:focus-within {
+                background-color: lighten($o-form-lightsecondary, 10%);
             }
 
             th:focus-within, td:focus-within {