Topic: Sidenav initializes as expanded on page load then toggles Slim

stokkup2313 priority asked 2 years ago


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://mdbootstrap.com/img/Photos/Thumbnails/Slides/1.webp" class="img-fluid" slim="true" (click)="sidenav.toggleSlim()">
      <img src="https://mdbootstrap.com/img/Photos/Thumbnails/Slides/1.webp" class="img-fluid" slim="false" (click)="sidenav.toggleSlim()">

    </div> </mdb-sidenav>

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.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Priority
  • 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: Yes
  • Provided link: No