Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: double navigation with hidden side nav not working with IE 11

serveit pro asked 7 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 7 years ago

Which version of MDB and Bootstrap are you using?

serveit pro commented 7 years ago

MDB PRO 4.4.1 Bootstrap v4.0.0-beta

Bartłomiej Malanowski staff answered 7 years ago

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

serveit pro commented 7 years ago

Thanks for the update.

Andrew pro answered 7 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 7 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 7 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 7 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...
Write
Create snippet
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
About author
serveit
Pro User 14Support score
3Questions 1Answers 0Snippets