DropDown Menu Stuck


Topic: DropDown Menu Stuck

jammerxd pro asked 5 years ago

Expected behavior Clicking anywhere on the screen closes the dropdown menu

Actual behavior The dropdown menu is stuck and does not close https://gyazo.com/ebd1d90b4af4bd6bc1d0394b288ba94d

Resources (screenshots, code snippets etc.) I am on the MDBootstrap.com example sites and have the issue. The only example that I did NOT encounter this issue was on the advanced-double-navigation example but I took that sample and used it in place of what I'm working on and the dropdown menu would not close until the page was reloaded.


jammerxd pro commented 5 years ago

It might also help to note that even after the animation is completed, the dropdown-menu-animating class is still present and is not removed.


jammerxd pro commented 5 years ago

I can confirm a few more things:This issue is not specific to any version of MDB. I have a 4.7.6 version that has this same issue. The issue is not related to being a virtual machine because a clean windows 10 machine does not have this issue.The following operating systems have this issue:Windows Server 2019, Windows Server 2016, Windows 7 Pro x64

The following operating systems do NOT have this issue:Windows 10 Pro x64

All OS's are using the version of chrome listed in this ticket. Also tried on the latest version of firefox to no avail.


jammerxd pro commented 5 years ago

After even more investigation I have found the cause: https://gyazo.com/f230313530ca04484f15c646f491057d The Performance Option "Animate controls and elements inside windows" MUST be checked for this not to be an issue. Windows Server editions don't have this enabled by default.


ajpommier pro premium answered 5 years ago

JammerXD - Thank you for posting the issuance and finding the root cause of the issue. For me, I experienced the issue on a Windows 10 Enterprise load using Chrome and Firefox. I did not have an issue using Internet Explorer, which I find rather odd.

After I enabled the "Animate controls and elements inside windows" option, as you stated, the dropdown menu animation began to function as normal.

Again, thank you.


Steveh answered 5 years ago

Just discovered this issue myself - thanks for the heads up above - i did actively disable a win10 box animation controls for the simple reason i did not need that feature and did not put 2 and 2 together - I certainly confirm above that disabling the os animate feature stops "some" dropdowns from hiding. whats not confirmed is why only "some" - it kinda appears only dropdowns triggered by the "a" tag stops working while buttons are fine - the MDB example page shows this behavior where only some dropdowns work and others don't (while the os animate feature is disabled)


Piotr Glejzer staff commented 5 years ago

Hi,

Do you need some help with something?

About animation so we have a problem with our animation WOW.js but we try to fix this. There is a problem with WordPress and our code WOW so we are trying to fix this issue.


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: 4.8.8
  • Device: Virtual Machine(esxi GT 710 GPU)
  • Browser: Chrome 76.0.3809.132 x64
  • OS: Windows Server 2019 Standard
  • Provided sample code: No
  • Provided link: Yes