Angular js Material md-select

Question

I have being trying to resolve this issue for more than 9 hours but have no idea how to solve it even in angular js material demo site this problem is occuring.

My problem is with body scrollbar getting hidden when the md-select dropbox is open. Does anyone know how can i get both scrollbar working at the same time. I am using angular js material 1.1.0

Here is a demo with the issue.

Answer 1

When you click on a select , the rule :

position: fixed;

Is applied to the body so the scroll-bar is removed, so you need to override this rule by this one :

body {
    position: static !important;
}

Here is your codepen with the scroll-bar.