Skip to content

Conversation

@gcamacho079
Copy link
Contributor

Description

This PR introduces some CSS updates, including the addition of a new --focus-ring-inner-light variable that mimics the existing --focus-ring-inner variable, but with a lighter color.

Resolves a few issues:

  • Fixes a bug where outlines had either low contrast in selected rows, or were invisible; see screenshot 1 (9fef3aa, 388c863)
  • Fixes a bug where focusing a scrolling element index container triggered focus on all the checkboxes; see screenshot 2 (1f83214)

Screenshot 1

A selected row for the Homepage element shows a dark blue focus outline over a gray background

Screenshot 2

Keyboard focus is on a scrolling element index container. The container itself has a dark blue outline, and all of the checkboxes inside also have an outline.

Related issues

Resolves PT-2247

@gcamacho079 gcamacho079 added the accessibility 👤 features related to accessibility label Oct 15, 2025
@linear
Copy link

linear bot commented Oct 15, 2025

@brandonkelly brandonkelly merged commit f12b7dc into 5.x Oct 23, 2025
2 checks passed
@brandonkelly brandonkelly deleted the lupe/pt-2247-when-element-is-selected-the-focus-outline-only-has-11 branch October 23, 2025 16:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility 👤 features related to accessibility

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants