Broken in Firefox mobile

[marcusps]

Page size is not detected properly in Firefox mobile for Android v24.0

[alvarotrigo]

Can you explain it better? Could you post a picture?

On mobile devices/tablets the sections won't be full screen if you are setting the option touchScrolling to false as the URL bar disappears when scrolling down (and sometimes appears when scrolling up depending on the OS).

[marcusps]

Sorry about that. I was hoping to submit the screenshot from my Android phone, only to find out the app does not seem to allow it.

Here is the screenshot. Notice how the bottom of the screen shows the next pages already. This is the case for all pages, and in the last page of the home/demopage for fullPage.js, the picture of tablets appears cutoff for that reason.

Could be a fullPage.js bug, could be a Firefox bug.

[alvarotrigo]

Does it happen for both values (true and false) for touchScrolling option?

[marcusps]

It definitely happens with the default value you have on the live site.

I just noticed the bug on the site and decided to report -- I don't currently have easy access to a server, and so debugging how your page and library work on my phone would be cumbersome.

Best of luck.

[alvarotrigo]

Does it also happen in another live examples such as this one?
http://alvarotrigo.com/fullPage/examples/navigationV.html

[marcusps]

Works for me (FF 26.0 on Nexus 4, Android 4.4.2)
On Dec 18, 2013 10:05 AM, "alvarotrigo" notifications@github.com wrote:

Does it also happen in another live examples such as this one?
http://alvarotrigo.com/fullPage/examples/navigationV.html

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/14#issuecomment-30848362
.

[alvarotrigo]

So, it only happens in the main site? http://alvarotrigo.com/fullPage/

[marcusps]

Of these two, yes. The problem on the main site also seems worse now.

[sparkmorry]

It happends to me as well, the height of each section is even squeezed in my case. I guess it didn't detect the bottom of the browser. Besides, the nav bar which is fixed on desktop app is not working on mobile.

[alvarotrigo]

@sparkmorry does the problem also take place here? http://alvarotrigo.com/fullPage/examples/navigationV.html

[square146]

I had the same problem. I put this code just before my closing body tag and it works perfectly.
[ i found it here: http://stackoverflow.com/a/17733364 ]

window.onorientationchange = function() {
var orientation = window.orientation;
switch(orientation) {
case 0: window.location.reload();
break;
case 90: window.location.reload();
break;
case -90: window.location.reload();
break; }
};

[alvarotrigo]

@square146 your problem seems totally different. They never talked about the change in orientation as a cause of the problem.

[square146]

right right. i guess i should have said, "i had a similar visual problem after screen rotation from landscape to portrait" and that code fixed it.
anyways, awesome script, with great notes and support!! thanks!

[alvarotrigo]

@square146 @sparkmorry @marcusps can you confirm if this error still taking place in the latest version of fullpage.js (2.1.8) (don't forget the CSS file as well)?

[alvarotrigo]

@square146 @sparkmorry @marcusps you can check it by accessing to http://alvarotrigo.com/fullPage/

[marcusps]

Seems to work, but not the first time I load the page — the first time I load the page on a new tab, all the geometry is wrong, as if I am zoomed in by a lot.. For some reason, when I leave the page and slide "back" into it (i.e., I click the Github banner, go to the github side, and then hit "back"), everything works.

[alvarotrigo]

@marcusps sounds you it is zoomed it. Maybe some recorded setting for that page?
Try to execute the same page with a parameter at the end. That might get rid of any cached configuration for that site.

http://alvarotrigo.com/fullPage/?id=1

Or
http://alvarotrigo.com/fullPage/?id=2

You can update the number if you wish.

[marcusps]

The id=1 case works perfectly, the id=2 case looks zoomed in.

[alvarotrigo]

@marcusps that's weird, because it is just a parameter in the URL but the content of the page is exactly the same.
It looks more like a problem with your browser / device than with fullpage.js.

You can try as many IDs as you want, 2, 3, 4, 5, 6.... they all should look the same.

[marcusps]

It could be an Android Firefox bug.

Tried it in private browsing mode, and id=1,3,4 are OK, id=2,5 are zoomed in. I stopped there.

Went back to regular browsing mode, and id=1,2,4,5 are OK, id=3 is zoomed in.

No idea what is going on.

[alvarotrigo]

I will therefore close the topic as it doesn't seem to be a problem of fullpage.js.
It is something which happens randomly and which doesn't depend of the website code at all.

[marcusps]

I occurred to me that it could be a race condition while loading and
rendering the page, which would explain the randomness. Not clear of it is
indeed a Firefox bug.
On Jul 21, 2014 4:53 AM, "alvarotrigo" notifications@github.com wrote:

Closed #14 #14.

—
Reply to this email directly or view it on GitHub
#14 (comment).

[alvarotrigo]

Fullpage doesn't deal with the zoom of the page in any case. That's something your browser is doing.
It should adapt to the page site as no viewport meta tag is provided in the plugin examples.

Try adding it in your own site to see if it solves the problem.