Delete scroll from a md-select does not work

Question

Delete scroll from a md-select does not work

Navigation

#1 by (3 votes)
#2 by (1 votes)

5

I have the following code in Angular 1.X:

 <md-input-container style="margin:0; overflow-y: hidden !important;">
        <label>STATUS</label>
        <md-select style="overflow-y: hidden !important;" ng-model="query.filter.status">
        <md-option ng-repeat="status in statuses" ng-value="
{{status.key}}"><span>{{status.val}}</span></md-option>
        </md-select>
    </md-input-container>

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?

angularjs scroll

asked by Miquel Coll 08.02.2017 в 15:49

source

2 answers

1

Try this:

overflow-y: hidden !important;

answered by 08.02.2017 в 15:56

How to apply CSS3 transformations to a parent element without affecting the child elements? Block Form

score 3 · Accepted Answer

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.