Blinking when opens

[Rigidoont]

Hi! When sidenav gets opened it blinks for a moment. This can be seen at stackblitz from a recent issue: https://stackblitz.com/edit/angular-material-mini-variant

When the sidenav's background is white it's not a big deal, but when it's colored the flash becomes apparent. Blink happens only on opening, not closing.

[Jordan-Hall]

I'll try and find time tomorrow to resolve the issue. Not witnessed it before.

[assimo]

Hi,

Having the same issue.

FYI, on Safari browser the "blink time" lasts for around a second.

[m4riok]

Same issue as well. Please note that the background color needs to be something other than white to actually be able to see the flickering!

[DustinBryant]

I know this is an old one but if anyone else encounters this then the fix is below via css.

Add this to your component.css:

.mat-drawer.mat-drawer-side {
  visibility: visible !important;
}

What I was able to deduce was that the blinking was due to something setting the control to hidden and then right back to visible. With the above css change it won't allow the nav to go hidden and therefore you won't have the "blinking".

[Jordan-Hall]

Thank you @DustinBryant will add it to the mix. Sorry I'll do best to keep this going. Will try and migrate it against soon as 16 drops. But this was.made for a client as proof of concept. I no longer use material design anymore

[dev01111001]

I know this is an old one but if anyone else encounters this then the fix is below via css.

Add this to your component.css:

.mat-drawer.mat-drawer-side {
  visibility: visible !important;
}

What I was able to deduce was that the blinking was due to something setting the control to hidden and then right back to visible. With the above css change it won't allow the nav to go hidden and therefore you won't have the "blinking".

Nice and thanks! Still blinks once though after first closing animation ended.

[Jordan-Hall]

Issue closed please read https://github.com/Jordan-Hall/angular-material-rail-drawer-plugin/issues/56