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

Configuration detection #36

Closed
bm322 opened this issue Jan 29, 2014 · 2 comments
Closed

Configuration detection #36

bm322 opened this issue Jan 29, 2014 · 2 comments

Comments

@bm322
Copy link

bm322 commented Jan 29, 2014

I'm having an issue with firefox [v24] but I don't think it's version specific.

I'm testing a mobile vs desktop config. I get the page into mobile mode, <= 640px. I load a new page expecting to stay in mobile mode, but it jumps back into desktop mode.

I added a few logging statements and narrowed it down to getViewportWidth. The issue is the vertical scroll bar as far as I can see.

With the exact same browser widths, IE reports a width of 640, but FF says 657.

I am assuming IE calcs the scrollbar width included with the 640, but FF adds it to the width.

Am I correct? Is there a fix for this?

In my testing I get the window to 640px to get mobile mode, load a page and it kicks back to desktop mode [657px width]. I move 1 px and get dumped back to mobile.

I don't get a consistent FF mobile mode unless I get the window to < 623px. Once in the mobile, I'm good until I get > 640, but a width 623-640 toggles between mobile/desktop when refreshing.

@mfread
Copy link

mfread commented Jan 29, 2014

Could you not change your width rule (in config) to say 660?

ie. mobile: { range: '-660' }

On Thu, Jan 30, 2014 at 8:40 AM, bm322 notifications@github.com wrote:

I'm having an issue with firefox [v24] but I don't think it's version
specific.

I'm testing a mobile vs desktop config. I get the page into mobile mode,
<= 640px. I load a new page expecting to stay in mobile mode, but it jumps
back into desktop mode.

I added a few logging statements and narrowed it down to getViewportWidth.
The issue is the vertical scroll bar as far as I can see.

With the exact same browser widths, IE reports a width of 640, but FF says
657.

I am assuming IE calcs the scrollbar width included with the 640, but FF
adds it to the width.

Am I correct? Is there a fix for this?

In my testing I get the window to 640px to get mobile mode, load a page
and it kicks back to desktop mode [657px width]. I move 1 px and get dumped
back to mobile.

I don't get a consistent FF mobile mode unless I get the window to <
623px. Once in the mobile, I'm good until I get > 640, but a width 623-640
toggles between mobile/desktop when refreshing.


Reply to this email directly or view it on GitHubhttps://github.com//issues/36
.

@ajlkn
Copy link
Owner

ajlkn commented Feb 3, 2014

FF is my primary browser and I haven't run into that before. Is the page zoomed out a bit or something?

@ajlkn ajlkn closed this as completed Feb 16, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants