Flicker in page load


Topic: Flicker in page load

snelledre asked 4 years ago

Expected behavior I followed the sidenav tutorial from MDB. But i exspect with every page load no flicker in the content. Actual behavior By every pageload i see a flicker in the content. Resources (screenshots, code snippets etc.) You can see the example on jansenbolders.nl and do some reloads. This is a clean one index file no more.


Magdalena Dembna staff premium commented 4 years ago

Please create a code snippet (https://mdbootstrap.com/snippets/) with your code, so I could work on a solution there. Best regards, Magdalena


snelledre commented 4 years ago

I have made today a snippet. admin template with flicker

https://mdbootstrap.com/snippets/standard/snelledre/2685614


Magdalena Dembna staff premium answered 4 years ago

The default mode for the Sidenav component is over - so the flicker in your page was caused by initializing the sidenav in a standard mode and then changing it according to the window's size. To solve a problem add data-mode="side" to the sidenav element.

https://mdbootstrap.com/snippets/standard/m-dembna/2686998?view=side

Best regards, Magdalena


snelledre commented 4 years ago

Thanx for youre time. It works perfectly


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 2.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags