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:

https://mdbootstrap.com/live/_MDB/index/docs/page-layouts/side-nav-hidden-navbar-fixed.html

https://mdbootstrap.com/live/_MDB/index/docs/page-layouts/side-nav-hidden-navbar-noFixed.html

Here's what I see on page load:
https://pasteboard.co/GGrR7gN.png

Best,

Alan


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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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