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 obscured by address bar in Android Firefox #11371

Closed
henrywright opened this issue Nov 5, 2013 · 17 comments
Closed

navbar obscured by address bar in Android Firefox #11371

henrywright opened this issue Nov 5, 2013 · 17 comments

Comments

@henrywright
Copy link

Not sure how to describe how the navbar looks but it doesn't look right in FF on the Google Nexus 7 tablet. The top portion of the navbar is obscured by the browser address bar. The navbar may well be slightly aligned too far left but that may be my eyes.

Please see the navbar on the official Bootstrap 3 site as an example.

@cvrebert
Copy link
Collaborator

cvrebert commented Nov 5, 2013

What version of Firefox?
What version of Android?

@henrywright
Copy link
Author

Apologies,

Firefox version 25.0 and Android 4.3

@zlatanvasovic
Copy link
Contributor

@henrywright Give us a screenshot! :D

@henrywright
Copy link
Author

http://getbootstrap.com :
screenshot_2013-11-07-02-19-24

@henrywright
Copy link
Author

At portrait orientation, there doesn't seem to be a navbar. Can't seem to reproduce today on landscape

@cvrebert
Copy link
Collaborator

cvrebert commented Nov 7, 2013

And you can't scroll up further to get to the navbar?

@zlatanvasovic
Copy link
Contributor

@henrywright Looks like you set the FF navbar to be fixed, instead of classic.

@henrywright
Copy link
Author

I can't scroll up any more.

The screenshot was taken while on page:
http://getbootstrap.com

@cvrebert
Copy link
Collaborator

cvrebert commented Nov 7, 2013

Confirmed with Android v4.3 Firefox 25 on my Nexus 10. Pinch-zooming in or out just a bit brings it into view, but it's invisible when @ zoom 100%.

@arielfaur
Copy link

I am struggling with a similar issue with an app I am working on. It's rendered fine in every browser except FF for Android. See attached Chrome and FF screenshots. As you can see the FF tabs view show that the fixed navbar is actually there but seems to be hidden . The white gap is the body padding I added to make up for the space taken by the fixed bar, as explained in the documentation.

Any ideas on this?

screenshot_2013-11-23-19-30-46

screenshot_2013-11-23-19-31-33

screenshot_2013-11-23-19-32-15

@mdo
Copy link
Member

mdo commented Nov 30, 2013

It would appear Firefox for Android is rendering their address bar above the page content. Not sure there's much we can do about that save for something super hacky like sniffing the useragent and styling accordingly, and we don't do that in Bootstrap.

@arielfaur
Copy link

@mdo i tried using the new FF remote debugging function for Android built in FF 26.0, but the html inspector does not work. So we're stuck, no way to debug :(

@cvrebert
Copy link
Collaborator

cvrebert commented Dec 3, 2013

Reported upstream bug to Mozilla: https://bugzilla.mozilla.org/show_bug.cgi?id=945977

@cvrebert
Copy link
Collaborator

cvrebert commented Dec 4, 2013

Upstream bug was marked as a duplicate of another existing bug: https://bugzilla.mozilla.org/show_bug.cgi?id=943921

@arielfaur
Copy link

i noticed that the beta version of FF 26.0 for Android renders properly. it seems Mozilla is already aware of that.

@zlatanvasovic
Copy link
Contributor

So, wait stable.

2013/12/5 arielfaur notifications@github.com

i noticed that the beta version of FF 26.0 for Android renders properly.
it seems Mozilla is already aware of that.


Reply to this email directly or view it on GitHubhttps://github.com//issues/11371#issuecomment-29856178
.

Zlatan Vasović - ZDroid

@cvrebert
Copy link
Collaborator

cvrebert commented Dec 5, 2013

Closing since confirmed fixed in Firefox Beta.

@cvrebert cvrebert closed this as completed Dec 5, 2013
@twbs twbs locked and limited conversation to collaborators Jul 28, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

5 participants