JavaScript usage of Sidenav in MVC hybrid application


Topic: JavaScript usage of Sidenav in MVC hybrid application

thoiness pro premium priority asked 7 months ago

Expected behavior

When refreshing, the interface should remain seamless without any animation. 

Actual behavior

Depending on which you favor, one version of the interface (either mobile or desktop) will have an animation for the sidebar on each new page/refresh. On mobile it will close, or on desktop it will expand, depending on which you favor. This is jarring for the user experience.

I believe I can mitigate this by doing some overriding CSS with some JavaScript, but this is inherently an issue out of the box, when the product is not 100% an SPA. I'm checking to see if anyone has a solution that I have overlooked, but based on all examples and samples, this appears to be an issue across the board.

Resources (screenshots, code snippets etc.)

You can replicate this here: https://mdbootstrap.com/snippets/Standard/mdbootstrap/3735147#html-tab-view by going to a reduced size browser and hitting refresh.


Mateusz Lazaru staff commented 7 months ago

Thank you for reporting this issue, we are already working on fix.


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 Standard
  • MDB Version: MDB5 7.2.0
  • Device: Desktop
  • Browser: Any
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes