Sidenav initializes as expanded on page load then toggles Sl


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

stokkup2313 pro premium priority asked 4 months 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://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>

Arkadiusz Idzikowski staff commented 4 months 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

Open

Specification of the issue
  • 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