double navigation with hidden side nav not working with IE 1

  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 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

Mirosław Stasiak 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...

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.

Bartłomiej Malanowski staff pro premium 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.
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
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
serveit
Pro User
14Support score
3Questions 1Answers
0Snippets likes 0Snippets