[Pro User] BUG - Firefox side nav with scroll


Topic: [Pro User] BUG - Firefox side nav with scroll

Vitor Pavanelli asked 7 years ago

Hi team, I found another bug in firefox. The left navbar has scroll whereas it should not for 2 items. Please, check the product. I removed from ".side-nav .sidenav-bg::after" the items below: margin-bottom: -99999px; padding-bottom: 99999px; Please, let me know if it is the right solution or you will need to fix your style. In both cases, add the change to your product, please. Thank you, Vitor

Damian Gemza staff answered 7 years ago

Hello Vitor, Your's solution is not right in 100%, because in situation when you have more links in nav, when scrollbar is visible, mask on this navbar hasn't height of 100% of her container. You could see this when you comment this margin-bottom and padding-bottom, and add more links to your's sidenav. We have to take a deeper look on this case, and we'll try to fix this in next releases. Best Regards, Damian

sigaostudios pro commented 7 years ago

Can you please post the fix you used for this website? The side nav on mdbootstrap.com seems to work fine in Fire Fox.

Damian Gemza staff commented 7 years ago

Dear sigaostudios, We didn't fixed this problem. This site is based on jQuery version, and in jQ this problem doesn't exists. Best Regards, Damian

Hi Damian, Understood. Since I don't have too many links, this workaround will do it for now. I will be waiting for your fix. Please, let me know when you have it corrected. Thank you, Vitor

Damian Gemza staff commented 7 years ago

Dear Vitor, when fix will be ready, you will read about this in our changelog / mailing :) But i'll try to inform you when this problem will be fixed. Best Regards, Damian

Vitor Pavanelli commented 7 years ago

ok! cool! thank you

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No