Topic: Sidenav initializes as expanded for a split second even though resolution is under the configured breakpoint
Expected behavior If the device width is lower than the sidenav's breakpoint setting, the sidenav shouldn't be visible at all (unless manually toggled).
For MDB site, if I load it on mobile, it behaves correctly - the sidenav is not showed at all. How did you set it up to work correctly? Thank you!
PS: in the SIdenavComponent, there's a typo in one of its properties: windwosWidth: number
Actual behavior For a split second, the sidenav is visible, then quickly collapses.
Resources (screenshots, code snippets etc.) The website where the issue manifests: https://stire9.ro/. Load it on a res < 860px to see it. This is my config of the sidenav:
sidenavAlwaysVisibleBreakpointPx = 860; <mdb-side-nav #sidenav [sidenavBreakpoint]="sidenavAlwaysVisibleBreakpointPx" class="bg-sidebar" [fixed]="true"> .... </mdb-side-nav>
Services & Consulting
Hire our experts to help you design or build a dedicated project.
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB4 11.1.0
- Device: All
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: Yes