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

Enhancement: Add visual queue to p-selection options dropdown when there is overflow #779

Merged
merged 3 commits into from
May 23, 2023

Conversation

pleek91
Copy link
Collaborator

@pleek91 pleek91 commented May 22, 2023

Description

Middle ground between the options in the following issue. Added a gradient overlay when you can scroll down. Not against adding the icon as well but IMO its a little confusing on if you can click on it or what.
Closes #774

image

@netlify
Copy link

netlify bot commented May 22, 2023

Deploy Preview for prefect-design ready!

Name Link
🔨 Latest commit 3c9d4e5
🔍 Latest deploy log https://app.netlify.com/sites/prefect-design/deploys/646be0a2a342fa0008b2ec3d
😎 Deploy Preview https://deploy-preview-779--prefect-design.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Contributor

@znicholasbrown znicholasbrown left a comment

Choose a reason for hiding this comment

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

I like this as a compromise - curious for @brandonreid's thoughts

Copy link
Contributor

@brandonreid brandonreid left a comment

Choose a reason for hiding this comment

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

Nice, yeah does the job great. Def agree with not needing the arrows!

@brandonreid
Copy link
Contributor

brandonreid commented May 23, 2023

I created a separate issue around keyboard interaction, keeping the highlight visible. Could see making a highlighted option have a higher z-index than the shadow somehow.
#781

@pleek91 pleek91 merged commit 26b0d88 into main May 23, 2023
@pleek91 pleek91 deleted the p-select-scroll-ux branch May 23, 2023 13:55
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.

Indicate that select menus are scrollable
3 participants