Commit d6e5e75
committed
fix(ui): keep the tree's focus outline when a row is hovered
The row hover rule set an outline shorthand at higher specificity than
both focus outline rules, so hovering the focused row replaced its ring
with 1px dashed transparent. Native's generated list styles skip hover
on selected and focused rows, :hover:not(.selected):not(.focused), and
re-assert state backgrounds on :hover, so hover never repaints or
un-outlines them.
There is also no list.selectionOutline or list.hoverOutline theme color,
only toolbar.hoverOutline; native feeds both list style slots from
activeContrastBorder. Both tokens resolved to transparent in every
theme, high contrast included.1 parent 53d6612 commit d6e5e75
2 files changed
Lines changed: 9 additions & 4 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
57 | 57 | | |
58 | 58 | | |
59 | 59 | | |
60 | | - | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
61 | 64 | | |
62 | 65 | | |
63 | 66 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
179 | 179 | | |
180 | 180 | | |
181 | 181 | | |
182 | | - | |
| 182 | + | |
| 183 | + | |
| 184 | + | |
183 | 185 | | |
184 | 186 | | |
185 | 187 | | |
186 | 188 | | |
187 | | - | |
| 189 | + | |
188 | 190 | | |
189 | 191 | | |
190 | | - | |
| 192 | + | |
191 | 193 | | |
192 | 194 | | |
193 | 195 | | |
| |||
0 commit comments