Topic: Sidenav initializes as expanded on page load then toggles Slim
Expected behavior
Sidenav is slim on page load & shows img with slim="true" attribute.
Actual behavior
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>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- 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
Arkadiusz Idzikowski staff commented 2 years ago
@stokkup2313 Thank you for reporting this probem. It looks like a bug, we will take a closer look at that and add a fix as soon as possible.