Skip to content
This repository has been archived by the owner on Jun 10, 2023. It is now read-only.

mdl-select - contents are not scrollable #38

Open
timeswind opened this issue May 26, 2016 · 6 comments
Open

mdl-select - contents are not scrollable #38

timeswind opened this issue May 26, 2016 · 6 comments

Comments

@timeswind
Copy link

how to set the select box a fix-height and make the options scrollable

@posva
Copy link
Owner

posva commented May 26, 2016

The component needs some specific update to handle this. Thanks for reporting it!

@posva posva reopened this May 26, 2016
@posva
Copy link
Owner

posva commented May 26, 2016

I'll actually do it, no need to close 😉

@nickknissen
Copy link

nickknissen commented Aug 25, 2016

What is the progress on this? Because if it's weeks away i'll properly take a stab at it

@posva
Copy link
Owner

posva commented Aug 25, 2016

@nickknissen I had some issues when trying to setup this.
You can definitely give it a try. IMO this is more about documenting how to handle this with CSS but it has been a long time since I tried, so I may be wrong.

@nickknissen
Copy link

Completly forgot to return to this issue.
But it can be accomplished with CSS

.mdl-menu__container {
  max-height: 200px;
  overflow-y: scroll !important;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.12);
}

@posva
Copy link
Owner

posva commented Oct 3, 2016

I remember seeing some caveat with a CSS-only solution but I cannot recall what it was

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

No branches or pull requests

3 participants