search

posva / vue-mdc

Material web components for Vue.js
MIT License
1.19k stars 101 forks source link

mdl-select - contents are not scrollable #38

Open timeswind opened 8 years ago

timeswind commented 8 years ago

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

posva commented 8 years ago

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

posva commented 8 years ago

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

nickknissen commented 8 years ago

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

posva commented 8 years ago

@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 commented 8 years ago

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 commented 8 years ago

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