Viewport gets messed up when using Facebook login on iOS

help
1

After a recent Meteor update, when I use FB login, my “viewport” gets distorted. If I rotate the phone it “refreshes” itself and the world is ok, but if you look at the series of 3 screen shots, you can see that the TOP and BOTTOM of my screen is cropped.

Is there anyway to STOP the mistake from happening? Or, is there anyway to “refresh” the boundaries programmatically?

In the debugger, what I notice is $(window).height() is correct (716) in screen 1 and 2. So, the FB screen has animated over the top of mine… and the .height() is still 716. But, after I click the “done” button and the animation pulls the FB UI down, then the .height() is 756.

1880×1112 382 KB

2

My solution was to “dirty up” the status bar before calling into FB…

StatusBar.hide();
StatusBar.overlaysWebView(true);

And then reversing that later. There is no good “fb is done” hook, so I had to be a little brute force. And, what’s good is that the screen looks great (just no status bar) even if I never get around to reversing it.