MBD Dropdown doesn't work in internet explorer

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: MBD Dropdown doesn't work in internet explorer

pro asked 7 years ago

I want to know if   https://mdbootstrap.com/mdb-quick-start/ is updated? cause only in internet explorer the dropdowns doesn't show, 🙁

Mikołaj Smoleński staff answered 7 years ago

Please add the following code to Your scripts to have compatibility with IE: 
$(document).on('click', function(e) {
 let dropdownEl = e.target.parentNode;
   if(dropdownEl.classList) {
     if(dropdownEl.classList.contains('dropdown-toggle')) {
       $('.dropdown-menu').removeClass('show');
       $(e.target.parentNode.parentNode.childNodes).addClass('show');
     } else {
       $('.dropdown-menu').removeClass('show');
     }
   } else {
   $('.dropdown-menu').removeClass('show');
 }
});
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: No
About author
cestradawiboo
Pro User
0Support score
4Questions 0Answers
0Snippets likes 0Snippets