Igor Simic
5 years ago

IE overflow auto does not work



For IE browser it could happen that overflow auto does not working correctly, so for example if you have something like this, it could happen that you can see some strange behavior:
/*media screen,projection*/
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto; //  not working correctly
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}

so, what you need to do is to change overflow-y to scroll, like this

/*media screen,projection*/
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    -ms-overflow-y: scroll; // working
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}