Smooth-scroll breaks default dropdown items behaviour

Adam Jakubowski staff pro premium priority commented 5 years ago

Hi,

I checked your code and the dropdown closes when I click on it, just like I click outside it. Maybe this is a problem with your browser ? What version of mdb do you use ?

fajnebity commented 5 years ago

Good one, looks like we have some magic going on here. MDB: 4.8.5, browsers: - Firefox 68 - Chrome 75.0.3770.100 - Safari 12.1.1

Just in case, I recreated the example with freshly unzipped bundle. The problem is still there. The dropdown stays on after click event. I can't see how this could be related to the OS (macOS).

fajnebity commented 5 years ago

Ok, looks like I found the reason: smooth-scroll is blocking events. Removing it from ul restores the expected behaviour.

fajnebity commented 5 years ago

Some hints: - https://stackoverflow.com/questions/42115701/jquery-smooth-scroll-somehow-breaking-bootstrap-navbar - https://stackoverflow.com/questions/33107201/smooth-scroll-a-bootstrap-page-with-sticky-navbar

Adam Jakubowski staff pro premium priority commented 5 years ago

maybe try add this into your code $(".dropdown-item").click(function() { $(".dropdown-menu").removeClass("show"); });