Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

dropdown in dialog navbar broken

See original GitHub issue

I recently upgrade materialize css to the latest dev snapshot because of the iOS 13 troubles. I just realized that since then, my menu dropdowns from dialog navbars do not work anymore, those in pages still work.

In some cases they’re rendered full width instead of the needed space to the right. In some cases the dropdown-elements stay visible in a different position after dropdown close. And my callbacks for the items do not work anymore since the rendering is done as child of document.body, and my event listener sits on the navbar.

Issue Analytics

State:
Created 4 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

ray007commented, Dec 2, 2019

So point is, it fixes a problem for me, and I can’t imagine I’m the only one with dropdowns in modal navbars.

0reactions

Legendscommented, Dec 2, 2019

Or ask @Dogfalo what the current status of all PR’s is.

Top Results From Across the Web

nav-bar drop down menu not working properly - Stack Overflow

My nav-bar drop-down menu button is not working? I am trying to work with the nav-bar button as shown in the code below....

dropdowns not going outside of bounding containers #404

It seems that dropdowns seem to render only within the parent container that the select is in, instead of being on top of...

kendoreact drowdownlist don't display in dialog conteiner

i have a kendoreact dialog and inside this i put a dropdownlist but this don´t display the items. my code is:.

Dropdown arrow on navbar not showing

A smaller down arrow than a right arrow is actually out-of-the-box display behavior. You can increase the size using CSS with something like ......

10 Most Common Bootstrap Mistakes That Developers Make

These include Typography, Tables, Forms, Buttons, Glyphicons, Dropdowns, Buttons and Input Groups, Navigation, Pagination, Labels and Badges, Alerts, ...