Topic: Dropdown Menu not closing in navbar when using animated flipInY
fmaeseele pro asked 5 years ago
MDBootstrap staff answered 3 years ago
I created this example of an implementation for this weird button case. Hope it is enough for these animations. Thanks for the good advice about this implementation! https://mdbootstrap.com/snippets/jquery/pjoter-2-0/812021
Jakub Strebeyko staff answered 4 years ago
Hi there guys,
@fmaeseele - thanks for posting the walkaround! @Everton Gabriel does it solve your usecase?
fmaeseele pro answered 4 years ago
Don't know if it was fixed. Looking at the code of the animation, I managed to workaround the bug.
Inside the navbar code,
<li class="nav-item dropdown align-middle">
<a class="nav-link dropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="~/images/nophoto.png" alt="" class="profile-pic">
<div class="dropdown-menu dropdown-menu-right" data-dropdown-in="flipInY" data-dropdown-out="flipOutY">
<ul class="dropdown-user w-100">
The menu of the user.
The deal is to use the data-dropdown-in and data-dropdown-out attributes to specify the desired animation.
Everton Gabriel pro answered 4 years ago
Hi, has this bug been solved? How to fix this?
Jakub Strebeyko staff answered 5 years ago
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No