Skip to content

fix: S2 ListView polish styles#9717

Merged
devongovett merged 8 commits intomainfrom
polish-s2-picker-styles
Mar 3, 2026
Merged

fix: S2 ListView polish styles#9717
devongovett merged 8 commits intomainfrom
polish-s2-picker-styles

Conversation

@snowystinger
Copy link
Member

Found while testing fixes some of these RSP Component Milestones (view)

The first one appears intentional from design, but I'm double checking with them.

To test, turn scrollbars always on, then visit Example and Dynamic and set the various combinations of selectionStyle and isQuiet

✅ 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:

🧢 Your Project:

@github-actions github-actions bot added the S2 label Mar 2, 2026
@rspbot
Copy link

rspbot commented Mar 2, 2026

@rspbot
Copy link

rspbot commented Mar 2, 2026

@snowystinger snowystinger changed the title fix: S2 ListBox styles for scrollbars fix: S2 ListBox polish styles Mar 2, 2026
@rspbot
Copy link

rspbot commented Mar 2, 2026

@rspbot
Copy link

rspbot commented Mar 3, 2026

default: 'default',
isLink: 'pointer'
},
transition: 'default',
Copy link
Member

Choose a reason for hiding this comment

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

prevents the border from transitioning. I didn't see anything else that should transition since the background is rendered as a separate layer

position: 'absolute',
zIndex: -1,
top: 0,
top: {
Copy link
Member

Choose a reason for hiding this comment

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

background overlaps the borders

@rspbot
Copy link

rspbot commented Mar 3, 2026

@rspbot
Copy link

rspbot commented Mar 3, 2026

@rspbot
Copy link

rspbot commented Mar 3, 2026

@reidbarber reidbarber changed the title fix: S2 ListBox polish styles fix: S2 ListView polish styles Mar 3, 2026
Comment on lines +415 to +423
isFirstItem: {
isSelected: {
selectionStyle: {
checkbox: 'none',
highlight: 'default'
}
},
isQuiet: 'default'
}
Copy link
Member

Choose a reason for hiding this comment

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

should this just be default always? As noted by @reidbarber currently it looks like the below when keyboard focused.

Image

Copy link
Member

@devongovett devongovett Mar 3, 2026

Choose a reason for hiding this comment

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

ugh I was trying to avoid that because there is a small gap in the corner but I guess so. maybe I can change it when focused
image

@rspbot
Copy link

rspbot commented Mar 3, 2026

Copy link
Member

@LFDanLu LFDanLu left a comment

Choose a reason for hiding this comment

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

@devongovett devongovett added this pull request to the merge queue Mar 3, 2026
Merged via the queue into main with commit 971162c Mar 3, 2026
31 checks passed
@devongovett devongovett deleted the polish-s2-picker-styles branch March 3, 2026 20:48
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