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?

Solution

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

Answer Checked By – Jay B. (AngularFixing Admin)

Leave a Reply

Your email address will not be published.