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

Styling Select Menu #24

Open
yukseltron opened this issue Nov 3, 2022 · 2 comments
Open

Styling Select Menu #24

yukseltron opened this issue Nov 3, 2022 · 2 comments

Comments

@yukseltron
Copy link
Contributor

Just an idea:

Currently, the Select Menu component's appearance is based on the user's OS.
Screen Shot 2022-11-03 at 9 04 05 AM

It'd be nice if it looked like something closer to the Dropdown menu component
Screen Shot 2022-11-03 at 9 05 12 AM

Styling it doesn't seem to be tough a task. However, accessibility is my bigger concern. The component may need a tabindex=0 property in its HTML in order to preserve page tabbing. This is not possible to enforce using CSS alone, so docs may need to reflect the importance of having a tabindex=0 attribute.

@sakofchit
Copy link
Owner

Agreed, I couldn't seem to figure out how to style it without needing to use JS which is why I left it as is, but if you're able to get it to work that'd be swell.

This is what I looked at before: https://www.w3schools.com/howto/howto_custom_select.asp

@Maithani-ji
Copy link

Maithani-ji commented Oct 1, 2023

If you want simple dropdown like second picture , i think it can be achieved using css --> :hover effect .
If you can assign it to me i can do it .

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

No branches or pull requests

3 participants