Short Page Height & Select Option Long Height Issue

[hlaporthein]

Suppose, page height is 800px and selection option dropdown height is 2000px ( if select box has over hundred options ). When we click select box, I got white blank space. It is because of the select box dropdown long option. In that case, I use below css.

.material .material-select>input:checked~ul {
    height: 180px; /***Fixed height***/
    z-index: 99999999999;
    overflow-y: scroll;
}

anyone has better solution, share me :)