Web View resize bug on iOS

Hi,

I have a bug on my app: I have a screen with only a Web Viewer on my first page, I set its height to fits content, and minimum height to 100%. It works well on my iPhone 7, but on my iPhone 12 mini, when it opens the look is as expected:

But if I move from my app (or take a screenshot for example), the size of my Web Viewer changes, and I see the background on top and bottom of my screen.

It was already pointed in this topic. (I also lose the status bar, but this is less important for now). I don’t know what causes this issue, but it works well on Android and small iPhone screens. It seems to be only related to bigger/more recent iPhones.

Does anyone already faced and found a solution to this issue?

Yoann

1 Like

If I come back to setting the height of the Web Viewer to the height of the screen, the menu goes under the bottom of my screen:

Again it’s only on iOS, it works well on Android.

Hi, I am also (still!!!) facing this issue on my iOS (x and XR) . Very frustrating and I know this is reported as a bug already multiple times but nothing seams to happen (as far as I know anyway). I am still waiting for this to be fixed as this is the only thing left for some of my apps to be published…

Hi @yoannrky4dd @andreas.sjdtomypv thanks for reporting this. We’ve shared with our engineering team and we’ll get back to you ASAP.

Thanks for your patience!

Cass

1 Like

Hi there,

The linked topic seems to address the Status bar, which looks like slightly different behavior to what you’re reporting here.

Is this a Drag and Drop project or a Snap to Place project?

Could you create a minimal app that demonstrates this behavior?
If you could share a single-screen app with us, that contains a Web Viewer, and tell us how to replicate this behavior on a device, it would help us replicate and resolve this behavior.

Thanks,
Jane

1 Like

Hi Jane,

Yes, but the bug was already mentionned in the thread: [Solved] Status bar color blending issue - #123 by andreas.sjdtomypv

It’s a snap project, as the drag and drop feature wasn’t present when I started the project (it would take a loads amount of time to port it from snap to drag and drop, as there is no option to automatically port it AFAIK).

I’m trying to reproduce the behavior on a simple public app, I’ll post the link here when it’d be done.

Yoann

1 Like

You have the option to present your test project in DnD (Drang and Drop) or StP(Snap to Place). Either way should be fine.

This is the link of the public app which reproduces the same weird behavior as mentionned above (size of Web Viewer changing after moving the app) : Thunkable

Hi.
Here is a link of the issue added in GitHub.

This is good information of the problem with carefully mock-ups trying to include all issues coming up regarding background and status bars on iPhone X and XR. It was a good while ago this was reported and still I haven’t heard of any changes etc so I really hope this could be a start to it. I don’t know if we are talking about the exactly same issue here but it seem to be related no doubt!

Hi cassandra,

Do you have any news on that topic? It has been two weeks since your last message, did your engineers make any improvement on that?

Thanks,

Yoann

2 Likes

Hello. I have the same problem with Android App. How can I set 100% height and width?

1 Like