Flashing when loading?

[ckizer]

The slideout panel flashes over top of all the page content before it's hidden. I can't figure out why.

[tmansson]

I've had this too. My solution was to hide the contents through a "hidden" tag until the slideout instance is created.

[marciniwanicki]

Had the same issue, @bialad's solution works pretty well.

[pazguille]

Hi @ckizer

Could you share a link (codepen) with a simple implementation to see this problem?

[vlemcoff]

@pazguille You can add some CSS to fix the flashing. If your mobile navigation is in a container with class "mobile-nav", then add:

.mobile-nav { display: none; } .slideout-open .mobile-nav { display: block; } This way, it will only be visible when the slideout-open class is added, which is only when the drawer is open.