Topic: Sidenav initializes as expanded on page load then toggles Slim
Sidenav is slim on page load & shows
For a split second on page load, the sidenav is expanded & show
img with `slim="false" attribute, then quickly collapses to slim.
I've replaced my img src with images from your mdb angular documentation so hopefully you can recreate my issue.
Resources (screenshots, code snippets etc.)
<mdb-sidenav #sidenav="mdbSidenav" [hidden]="false" [slim]="true" [slimCollapsed]="true" [mode]="'side'" [color]="'secondary'"> <ul class="sidenav-menu bg-primary h-100"> <div class="text-center py-3"> <img src="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp" class="img-fluid" slim="true" (click)="sidenav.toggleSlim()"> <img src="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp" class="img-fluid" slim="false" (click)="sidenav.toggleSlim()"> </div> </mdb-sidenav>
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 2.0.0
- Device: iMac
- Browser: Google Chrome
- OS: MacOS Monterey 12.2.1
- Provided sample code: No
- Provided link: No