Skip to content

fix: ensure Tableview and ListView render their dividers and borders with the proper colors in HCM#10108

Merged
LFDanLu merged 4 commits into
mainfrom
hcm_fixes
May 27, 2026
Merged

fix: ensure Tableview and ListView render their dividers and borders with the proper colors in HCM#10108
LFDanLu merged 4 commits into
mainfrom
hcm_fixes

Conversation

@LFDanLu
Copy link
Copy Markdown
Member

@LFDanLu LFDanLu commented May 26, 2026

Found via chromatic. I've restored the ListView's selected row background Highlight color in highlight selection to help with visual clarity

✅ Pull Request Checklist:

  • Included link to corresponding React Spectrum GitHub Issue.
  • Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • Filled out test instructions.
  • Updated documentation (if it already exists for this component).
  • Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

Test S2 ListView and TableView in high contrast mode, particularly in highlight selection mode. Make sure the borders/dividers render with ButtonBorder

Also see https://www.chromatic.com/build?appId=651b502f6b74abaae4ee734c&number=102
https://www.chromatic.com/build?appId=651b502f6b74abaae4ee734c&number=103
https://www.chromatic.com/build?appId=651b502f6b74abaae4ee734c&number=104

ignore any non ListView and TableView changes, those are from main

🧢 Your Project:

RSP

@rspbot
Copy link
Copy Markdown

rspbot commented May 26, 2026

@rspbot
Copy link
Copy Markdown

rspbot commented May 26, 2026

default: 'transparent',
selectionStyle: {
highlight: {
isSelected: 'Highlight'
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

so the problem is things inside the row that aren't text
also, the text should be inverted, this is hard to read

Image

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

for posterity: we have fixed the text color, will have to revisit the behavior for where there are arbitrary elements in the row/drag handle where the focus rings blend into the background

@rspbot
Copy link
Copy Markdown

rspbot commented May 26, 2026

@LFDanLu LFDanLu added this pull request to the merge queue May 27, 2026
Merged via the queue into main with commit ed9170f May 27, 2026
33 checks passed
@LFDanLu LFDanLu deleted the hcm_fixes branch May 27, 2026 17:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants