Perminant white overlay on IOS (Phonegap build 3.1.0)

  • 12
  • Problem
  • Updated 6 years ago
  • In Progress
I have a permanent white overlay in phongap 3.1.0 in IOS, when i rotate the phone and rotate it back it covers half the screen.

I don't think it has anything todo with splashscreen because te overlay stays.

Ik has to be someting in the webview (css), how can i fix this?

Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 12
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
This is what it looks like on my iPhone 5

Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
This is how it is suppose to look indeed, looks great! This looks like a mystery, but you didn't test it on an iPhone 4s with Phonegap 3.1.0?

Still looks bad on my phone :(
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
No. I don't have a 4s at hand. Getting ready to test on simulator though.
Photo of Abe

Abe

  • 87 Posts
  • 3 Reply Likes
Bob, I also experienced the issue with Phonegap 3.1 and *iOS 6*, as mentioned here http://community.phonegap.com/nitobi/...
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
Sorry Bob, my bad i have iOS 6 on my iPhone also like Abe. I was looking at the software update available instead of the current version installed.

Conclusion, still a problem on iOS 6
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
ok. let me get some more info about the device on which you are testing and seeing the problem. Please go to Settings -> General -> About, and post up a screen-shot.
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
I knew it. I was just looking for a gentle way to prove it. ;)

I should have a fix posted up later today. Thanks so much for working with me on this.
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
Sorry i gave you the wrong info Bob, more of an Android guy ;)
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
no problem. just glad we got to the bottom of it.
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
iPhone 4s with Phonegap 3.1.0, just took the picure

Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
Photo of Scott Oshiro

Scott Oshiro

  • 13 Posts
  • 0 Reply Likes
I am having a very similar issue with iOS 7.0.3 on an iPad Mini and PhoneGapBuild 3.1.0. My problem is that my app is supposed to only run in landscape mode. So in my config.xml file I set the preference to landscape (). The problem is that when my app opens I see nothing but a blank screen. I removed all of my javascript (including references to script files and css). The body of my app was set to nothing but an h1 tag with some text and still all I saw was a blank screen. Finally, I changed the preference in my config.xml to default and everything worked as expected.

So now my problem is, how do I set force a landscape orientation for my app?
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
Please create a new issue. This does not appear related to this thread.
Photo of Scott Oshiro

Scott Oshiro

  • 13 Posts
  • 0 Reply Likes
Really? Seems very related. Displaying an app in landscape mode displays a white overlay. While not exactly the same the symptoms are remarkably similar. Possibly 2-sides of the same coin?
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
@Scott - I won't quibble the point. I'd rather help you solve your problem :)

Can you please share your APP ID, so that I may try to reproduce?

Thanks.
Photo of Scott Oshiro

Scott Oshiro

  • 13 Posts
  • 0 Reply Likes
Sorry Bob. I shouldn't have written that I was just surprised at the response. Here's a link to the separate thread I now annoyingly created. :) App ID554766 http://community.phonegap.com/nitobi/...
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
No worries. I will respond in that thread once I have useful info.
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
Any news Bob about my issue? Found out anything yet? Curious...
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
The solution has been deployed. Please try your builds again.
Photo of Alexey Lyubko

Alexey Lyubko

  • 2 Posts
  • 0 Reply Likes
The same issue after call QR Reader from ladscape. White overlay appears again :(
AppId 551807, PhoneGap 3.1 iPad 2/iOS 7.0.3
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
Hi Bob, thx for you help looks like the issue is fixed!

Maybe smart tot look into Alexey his issue to, seem related!
Photo of vijay pandey

vijay pandey

  • 4 Posts
  • 0 Reply Likes
Hi,

We are build an app in phonegap. So-far it was so smooth until yesterday.
We upgraded the phonegap version to 3.1.0 to integrate Media plugin. Everything was working fine yesterday, after upgrading.
But when I build the app using phonegap build today I am getting this big white colored bar at the bottom. This was working fine yesterday. Today we did not change any code particular to that issue. And this problem is coming only in iOS7 not iOS6.

My app id is 655861. Can someone please check the build... Please....
Photo of Bob Easterday

Bob Easterday

  • 174 Posts
  • 14 Reply Likes
@vijay - please try your build again.
Photo of vijay pandey

vijay pandey

  • 4 Posts
  • 0 Reply Likes
Hi Bob,
Thanks for the reply. I have rebuild the app today and it worked fine. I am just curious to know what happened yesterday.
Now there seems to be another problem. If the device auto rotation enabled, the white overlay is still coming, this time vertically when we rotate the device by 180 degrees.
Photo of Usman Sabir

Usman Sabir

  • 10 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled
Upgrading problem from phonegap 2.9 to 3.1, An empty space appeared on top of App UI.


hi,
My app build id is 412575 at https://build.phonegap.com/apps/41257...
after updating phonegap version from 2.9 to 3.1 and modifying config plugins, I got UI issue.
There is some empty space appeared at top of app and jqm controls appearing below that space. Can you tell me whats wrong with my changes
Photo of Amir

Amir

  • 8261 Posts
  • 263 Reply Likes
Hi Usman

As per Bob, please try your Build again.
Photo of Marcelo Paes

Marcelo Paes

  • 6 Posts
  • 0 Reply Likes
Hi,

This is still happening to me.

App ID 434147
Photo of Marcelo Paes

Marcelo Paes

  • 6 Posts
  • 0 Reply Likes
This only happens when I start the app in landscape, with the white overlay on both positions. When I start the app in portrait mode the app behaves normally.
Photo of Usman Sabir

Usman Sabir

  • 10 Posts
  • 0 Reply Likes
Same issue with my app on iphone 5s
https://build.phonegap.com/apps/41257...



Photo of Marcelo Paes

Marcelo Paes

  • 6 Posts
  • 0 Reply Likes
Any news ?
Photo of Marcelo Paes

Marcelo Paes

  • 6 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled
IPad white overlay.


I am experiencing a similar issue as reported on http://community.phonegap.com/nitobi/... wich is reported as solved.

When I use phonegap 3.1 with statusbar plugin and start the app on landscape mode a white overlay appears:



When I start the app in portrait mode the app behaves normally.

App ID 434147
Photo of Thomas Gamble

Thomas Gamble

  • 1 Post
  • 0 Reply Likes
I am experiencing the same issue as Marcelo. If my app, using Phonegap Build 3.1 (built on 12/18), is started in landscape mode it has a white overlay to the right side of the screen.

Everything works fine if it is started in portrait mode.

Any fixes/suggestions?
Photo of Amir

Amir

  • 8261 Posts
  • 263 Reply Likes
Have you add the following plugin to the app?
https://build.phonegap.com/plugins/304
Photo of Andries Verlinden

Andries Verlinden

  • 2 Posts
  • 0 Reply Likes
I'm also getting this bug. Does anyone have a solution?
Photo of Amir

Amir

  • 8261 Posts
  • 263 Reply Likes
Have you add the following plugin to the app?
https://build.phonegap.com/plugins/304
Photo of Andries Verlinden

Andries Verlinden

  • 2 Posts
  • 0 Reply Likes
yep. I have added the plugin. I can control the status bar from whiteTint to blackTint but there stays a white border (ap 30px) underneath it. only then the web view.
Photo of Ashu Singh

Ashu Singh

  • 1 Post
  • 0 Reply Likes
Even i am facing white overlay issue at the bottom in both android and ios devices which is reproducible after several time orientation change of the device. I am using cordova 3.1.0 in my application with dojo 1.9.1.
I really appreciate if someone can provide me the correct solution to this issue ASAP
Photo of Yann Kozon

Yann Kozon

  • 6 Posts
  • 0 Reply Likes
I have same problem with only landscape ios app. Problem with window size.
My app id is : 363250
Photo of Oren Agiv

Oren Agiv

  • 84 Posts
  • 3 Reply Likes
Same thing occurs on iPad with iOS 6 with PhoneGap Build 3.1.
Photo of Oren Agiv

Oren Agiv

  • 84 Posts
  • 3 Reply Likes
I'm getting a 3/4 screen BLACK when launching the App on iPad 2 (iOS7) in LANDSCAPE mode.

I starts fine - but once a 'change background color' command is triggered - the screen becomes 3/4 black, and the status-bar remains the same color.
I'm referring to these commands:
StatusBar.backgroundColorByHexString('#000000');
Or
StatusBar.backgroundColorByName('black');

If I trigger the StatusBar.hide() command - then I get the 1/4 screen WHITE - just as described in the thread above.

If I launch the App when the device is in PORTRAIT mode - the above bugs do NOT occur, and everything is okay.
It only happens when the device is in LANDSCAPE.
Photo of Wouter Bothoff

Wouter Bothoff

  • 35 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled
Perminant white overlay on IOS (Phonegap build 3.1.0) part 2.


Dear Phonegap,

The issue is still here, look at the last comment in this topic please:

http://community.phonegap.com/nitobi/...
Photo of tropan

tropan

  • 1 Post
  • 0 Reply Likes
Dear Phonegap community!

In my case I figured out that the white area seems to show up when using the StatusBar-Plugin with landscape orientation on startup. The usual way to get rid of the statusbar in ios7 is described as loading the plugin and using "Statusbar.hide();" in your JS onDeviceReady. But that's seems to bring up the white area in my case.

I'm using Phonegap 3.1 build for ios7 on iPhone5s and iPad4.

Does anyone else witness this behavior?

Any hint of how to get rid of the statusbar safely w/o errors?
Any help with what else I could do would be appreciated...

Thanks!