Dropdown in navbar fixed-top is not scrollable

[zwantE]

i use a bootstrap 4 navbar-fixed-top with a dropdown inside and when the drobdown is higher as the page, the dropdown-content is not scrollable.

I create a demo with original bootstrap files without any changes, and there is the same problem :/

take a look in this demo...

how can i solve the problem? its really sad

https://jsbin.com/sitozuzayu/edit?html,output

w10 x64 chrome 73.0.3683.86

[herbalite]

You could add a css rule to the document:

div[aria-labelledby="navbarDropdown"] {
  overflow-y: auto;
  height: 1000%;
}

[zwantE]

dont work with collapsed navbar :/

[herbalite]

hmm, when I worked this out with your JS-Bin I forgot to mention something else. Sorry about that. If you still have issues, I've added those styles directly to the div element with the id="navbarDropdown" with style="overflow-y: ..."

Try to fix issues like these, it's always important to check the height of the area you want to modify, ensure that it overflows and the method of positioning.

div[aria-labelledby="navbarDropdown"] {
  overflow-y: auto;
  height: 1000%;
  position: absolute !important;
}

[ysds]

Duplicate of #23374