Topic: Double-Nav with Dropdown doesn't seem to work.
lcrv pro asked 6 years ago
Hello, based on the example http://mdbootstrap.com/live/_MDB4/docs/double-nav.html , I'd like to use a dropdown, similar to the "Basic Example" at the top of http://mdbootstrap.com/components/navbars/ So, if I place this fragment from the "Basic Example" <ul class="nav navbar-nav"> <li class="nav-item dropdown"> < a >Dropdown < /a > <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> < a > href="#">Action < /a > </div> after e.g. the <div class="breadcrumb-dn"> in the double-nav example, it should work, but the dropdown simply doesn't open, at least it stays hidden. In the DOM I can see the changes, but it's hidden anyway. If I play around with the Inspector, I can see, that if I disable the "position: absolute;" property, I can see the open dropdown (but at a wrong position, of course) Any ideas about how to solve that?
lcrv pro answered 6 years ago
thank you, the workaround basically works :)
Michal Szymanski staff answered 6 years ago
Hi, that's a bug and we need to fix it. Thank you for information. Quick workaround for you: - From mdb.js remove this line of code:
Waves.attach('.double-nav li', ['waves-light']);You will still need to add some css code to make dropdown looks the same as other navbar's element. In the next version of MDB it will be done by us. I'm sorry for the inconvenience.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No