Delete scroll from a md-select does not work


I have the following code in Angular 1.X:

 <md-input-container style="margin:0; overflow-y: hidden !important;">
        <md-select style="overflow-y: hidden !important;" ng-model="query.filter.status">
        <md-option ng-repeat="status in statuses" ng-value="

Currently when the item is selected a list with scroll of 7 items is opened. I've already tried putting max-width high and overflow-y: hidden; everywhere and there's no way.

In the documentation I have not found anything to disable the scroll.

Does anyone know what I'm missing?

asked by Miquel Coll 08.02.2017 в 15:49

2 answers


You have to overwrite the max-height in the .css that are predefined by angular as follows:

menu {
    max-height: none !important;

content {
    max-height: none !important;

It can be said that without the !important it will never rewrite the values.

answered by 08.02.2017 / 16:45

Try this:

overflow-y: hidden !important;
answered by 08.02.2017 в 15:56