Bootstrap 4 dropdown issue inside navbar fixed-top

[AMeshu]

If you look at that generic example via phone, and rotate the orientation to landscape, you will see that the links on the dropdown are unreachable.
When I remove the class "fixed-top" from the nav it all work as expected so I guess it is something with that.
This is the codepen
I ask the same on SO, and i got semi-solution (adding scroll to dropdown, but the links are still unreachable).
Something happen in the JS/CSS that ignores other rules when it's navbar fixed-top + dropdown and i can't figure out what.

[coliff]

Bug reports must include a Reduced test case using CodePen or JS Bin.

[Johann-S]

What @coliff said 👍

[mdo]

If you need the dropdowns to be accessible in that orientation with that number of items, you may need to customize the max-height further.

[AMeshu]

Thank you for the reply @mdo but since i already try this ( without success ), i would appreciate if you can show me how.

[kitsguru]

I have the same issue on a desktop where I have a long menu that extends below the bottom of the screen and elements not visible are unreachable. Removing fixed-top solves the issue as the whole page scrolls.

The above code pen demonstrates the problem quite nicely for me.

This might be a use case for sub dropdowns...