Home / Questions / 48366
Accepted
Miquel Coll
Asked: 2020-02-09 06:49:49 +0800 CST 2020-02-09 06:49:49 +0800 CST

Removing scroll from an md-select doesn't work

  • 772

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 element is selected a scrolling list of 7 elements is opened. I have already tried putting max-widthhigh and overflow-y: hidden;everywhere and there is no way.

I haven't found anything in the documentation to disable scrolling.

Does anyone know what I'm missing?

angularjs

2 Answers

  1. Best Answer

    You have to override the max-heights in the .css that are predefined by AngularJS (Angular 1) as follows:

    menu {
    max-height: none !important;
}


content {
    max-height: none !important;
}

    it should be said that without it you will !importantnever rewrite the values.

    • 3

  2. Try this:

    overflow-y: hidden !important;
    • 1