SideNav not working with SCCS editable mode

Topic: SideNav not working with SCCS editable mode

The SideNav control does not work with the newly installed Vue 6.6.0 when using SCCS editable mode. When attempting to activate the side navigation the browser window greys but the sidenav does not appear.

This issue is related to the SCCS editable mode. When the line "@import '~@/../mdb/mdbvue/scss/mdb-free.scss'; // main mdb scss free file" is commented out the SideNav works. I have narrowed down the issue further, when the line "@import "pro/sidenav";" is commented out of the mdb-pro.sccs file then the SideNav works.

Could someone please investigate this issue.

Thank you.

Magdalena Dembna staff premium answered 2 years ago

Thank you for reporting this issue to us. MDB Vue uses partly MDB Pro styling and overwrites those according to our needs. When the CSS is compiled, our internal styling supersedes - and so should in this option. Unfortunately, I cannot reproduce this issue, as the basic sidenav from our docs seems to work - can you provide a code snippet? Kind regards, Magdalena

Please insert min. 20 characters.


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



Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.6.0
  • Device: Desktop PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No