Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navbar: navbar-fixed-top: in small devices navigation bar cannot be scrolled down to bottom of navbar-collapse div #10072

Closed
vklap opened this issue Aug 23, 2013 · 4 comments
Labels

Comments

@vklap
Copy link

vklap commented Aug 23, 2013

The issue is related to using the 'navbar' in smalll devices (320x480).

The 'navbar-fixed-top' cannot be scrolled down to the bottom of 'navbar-collapse' div.

This can easily be reproduced in the jumbotron sample page: http://getbootstrap.com/examples/jumbotron/.

After fitting the page to a small device (320x480), when you press on the 'navbar-toggle' button, then the scroll bar cannot reach the "email" & "password" elements.

Thanks!

@dgibson666
Copy link

Sounds like the same issue I had here: #10028

The navbar is supposed to scroll, but not all devices support scrolling, so it's cut off. This page actually shows fine for me on my Android phone, but when I expand the dropdown link, it's cut off and I can't access the "one more separated link" at all.

@blat
Copy link

blat commented Aug 25, 2013

Same bug here!

With my Nexus S, in landscape orientation, it works, but in portrait orientation, it's cut off :(

@dgibson666
Copy link

I've since fixed this issue in my own project by overriding .navbar-collapse with max-height:none, making the dropdown scroll with the body. the -webkit-overflow-scrolling: touch; seems to fail on enough devices to not consider it reliable or widely adopted.

@cvrebert
Copy link
Collaborator

Duplicate of #10601.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants