Angular.js - <md-backdrop> may not work properly in a scrolled, static-positioned parent container

Issue

I’m currently working on an Angular.js 1.5 application with Angular Material. I’m receiving the following error in the console:

<md-backdrop> may not work properly in a scrolled, static-positioned parent container.

I’m attempted to pinpoint the error in my markup, but I cannot find what is triggering the error.

I’m not sure what could I should provide to help clarify my error. Does anyone have any ideas what is triggering the error?

The issue was caused by an <md-sidenav> element within a static parent container (as the error message stated).

To solve this, I added the md-disable-backdrop="true" attribute and the error no longer occurred.

Answered By – AdamMcquiff

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0