Issues for .fixed-top/.fixed-bottom navbars (Bootstrap v4.0.0-beta)

[vadikom]

Hey guys, here's a short list of issues I stumbled upon in Bootstrap v4.0.0-beta (while working on the Bootstrap 4 addon for SmartMenus jQuery):

1. For .fixed-top/.fixed-bottom navbars .navbar-collapse doesn't have something like overflow-y: auto; max-height: 360px; (as in BS3) so the content cannot be scrolled and might be cut if too tall.
2. For .fixed-bottom navbars dropdowns are not properly positioned above the navbar.
3. For .fixed-bottom navbars .dropdown-toggle carets do not point up.

All these are demonstrated and can be tested here:

https://codepen.io/vadikom/pen/EwoKyz

[Johann-S]

For your two last points :
if you want dropdowns positionned above the navbar use .dropup

Side note: in beta 1 we have issue with dropup in navbar but it's already fixed in our current code and will be available in our next release

btw nice plugin 😉

[vadikom]

Ah, I missed .dropup, thanks!

BTW, sorry for a dumb question I guess - in which branch is your most current dropdown code? Thanks!

[Johann-S]

use our v4-dev branch 👍

[mdo]

Oh man we could totally use viewport units for the fixed navbar now. v3 didn't allow for it given browser support, but we can definitely do it now. http://caniuse.com/#feat=viewport-units

[XhmikosR]

@Johann-S @mdo: that is why the bottom navbar example doesn't look good in small res? I haven't had the time to dig into this, just noticed it.

[mukhammad-akilov]

Don't you forget about max-height: % and overflow-y: scroll for .navbar-collapse if navbar is fixed?

[mdo]

Punting second part of this to #24796.