LearnNewsExamplesServices
Frontmatter
id8747
titleFix TreeList specificity preventing hover state
stateClosed
labels
bugdesignai
assigneestobiu
createdAtJan 17, 2026, 5:59 AM
updatedAtJan 17, 2026, 6:10 AM
githubUrlhttps://github.com/neomjs/neo/issues/8747
authortobiu
commentsCount1
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 17, 2026, 6:10 AM

Fix TreeList specificity preventing hover state

Closed v11.23.0 bugdesignai
tobiu
tobiu commented on Jan 17, 2026, 5:59 AM

The specific rule .neo-list-item:not(.neo-list-item[aria-selected=true]) in TreeList.scss sets background-color: transparent, which overrides the default hover state due to higher specificity.

We need to add a dedicated hover rule to restore visual feedback.

tobiu added the bug label on Jan 17, 2026, 5:59 AM
tobiu added the design label on Jan 17, 2026, 5:59 AM
tobiu added the ai label on Jan 17, 2026, 5:59 AM
tobiu added parent issue #8727 on Jan 17, 2026, 5:59 AM
tobiu assigned to @tobiu on Jan 17, 2026, 5:59 AM
tobiu referenced in commit dfe80e5 - "fix: Resolve TreeList hover/selected state specificity (#8747)" on Jan 17, 2026, 6:10 AM
tobiu
tobiu Jan 17, 2026, 6:10 AM

Input from Gemini 3 Pro:

✦ I have resolved the issue by:

  1. Adding a nested :hover rule to the unselected item block to explicitly restore the hover background (fixing the transparent override).
  2. Adding a specific &[aria-selected=true]:hover rule to explicitly enforce the selected color scheme on hover, ensuring that selected items do not visually "deselect" to the gray hover color.

This ensures both states behave correctly and unambiguously.

tobiu closed this issue on Jan 17, 2026, 6:10 AM