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

Scrollbar in list of values? #64

Open
RadekHavelka opened this issue Aug 27, 2023 · 1 comment
Open

Scrollbar in list of values? #64

RadekHavelka opened this issue Aug 27, 2023 · 1 comment

Comments

@RadekHavelka
Copy link

RadekHavelka commented Aug 27, 2023

Hello, is it possible to display scrollbar in dropdown list? I find it very un-intuitive if there are more values than visible and no scrollbar to indicate so. But any tries to set overflow to scroll failed, scrollbar is never showing up. What am I doing wrong?

Thank you

@RadekHavelka RadekHavelka changed the title Scrollbar in menu? Scrollbar in list of values? Aug 27, 2023
@nikodimka
Copy link

nikodimka commented Jan 12, 2024

you can try this

/* Firefox */
.nice-select .list {
    scrollbar-width: thin;
    scrollbar-color: #D1D1D1 #EBEBEB;
}

/* Chrome, Edge and Safari */
.nice-select .list::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
.nice-select .list::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #EBEBEB;
}

.nice-select .list::-webkit-scrollbar-track:hover {
    background-color: #dddddd;
}

.nice-select .list::-webkit-scrollbar-track:active {
    background-color: #dddddd;
}

.nice-select .list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #D1D1D1;
}

.nice-select .list::-webkit-scrollbar-thumb:hover {
  background-color: #afafaf;
}

.nice-select .list::-webkit-scrollbar-thumb:active {
  background-color: #afafaf;
}

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

2 participants