Topic: double navigation with hidden side nav not working with IE 11

serveit pro asked 6 years ago

Hello there,

The hidden sidebar nav seems to be causing issues in IE 11:

Here's what I see on page load:



Mirosław Stasiak free commented 6 years ago

Which version of MDB and Bootstrap are you using?

serveit pro commented 6 years ago

MDB PRO 4.4.1 Bootstrap v4.0.0-beta

This bug has been reported already. We'll fix it in the next version of MDB

serveit pro commented 6 years ago

Thanks for the update.

Andrew pro answered 6 years ago

In addition to removing the <div class=”sidenav-bg mask-strong”></div> from sidenav, I also had to change the navbar component to use appendChild and removeChild instead of append() and remove() which are not supported by IE.

Mirosław Stasiak free answered 6 years ago

The error is caused by a z-index error on IE Just remove, <div class=”sidenav-bg mask-strong”></div> from  sidenav. Regards,

serveit pro commented 6 years ago

Have you tested this? I removed that element in developer tools and the menu is still not clickable. I notice quite a few support issues logged for IE11. Was this browser QA'd before the latest release?

PEPEREZ pro commented 6 years ago

seems like QA might be lacking a bit. We have the same issue in addition to this the Carousel does not work in IE either...

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes