Skip to content

Commit

Permalink
[FIX] web: keyboard navigation visual on row
Browse files Browse the repository at this point in the history
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: 277fbfa
Part-of: odoo#101835
  • Loading branch information
rfr-odoo committed Oct 2, 2022
1 parent 340d4a0 commit 54e014b
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions addons/web/static/src/views/list/list_renderer.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down

0 comments on commit 54e014b

Please sign in to comment.