Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: select component wouldn't scroll with long list #757

Merged
merged 2 commits into from
Apr 12, 2024

Conversation

chanceaclark
Copy link
Contributor

What/Why?

Updates the behavior of the select component in order to scroll for longer lists.

Testing

Screen.Recording.2024-04-12.at.11.37.11.mov

Copy link

changeset-bot bot commented Apr 12, 2024

🦋 Changeset detected

Latest commit: 0d8899a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@bigcommerce/catalyst-core Patch
@bigcommerce/components Patch
@bigcommerce/docs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Apr 12, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
catalyst-latest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 12, 2024 6:08pm
catalyst-test-store ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 12, 2024 6:08pm
catalyst-testbed ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 12, 2024 6:08pm
4 Ignored Deployments
Name Status Preview Comments Updated (UTC)
catalyst-1millionproducts-store ⬜️ Ignored (Inspect) Visit Preview Apr 12, 2024 6:08pm
catalyst-au ⬜️ Ignored (Inspect) Visit Preview Apr 12, 2024 6:08pm
catalyst-storybook ⬜️ Ignored (Inspect) Visit Preview Apr 12, 2024 6:08pm
catalyst-uk ⬜️ Ignored (Inspect) Visit Preview Apr 12, 2024 6:08pm

className={cn(
'w-full',
position === 'popper' &&
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
Copy link
Member

Choose a reason for hiding this comment

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

do we need w-full here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good catch

Copy link
Contributor

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-crg1rohe3-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category Score
🟢 Performance 100
🟢 Accessibility 100
🟠 Best practices 78
🟢 SEO 90

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category Score
🟢 Performance 98
🟢 Accessibility 100
🟠 Best practices 78
🟢 SEO 92

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants