# Web View resize bug on iOS

**URL:** https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762
**Category:** Issues / Bugs
**Tags:** design
**Created:** [November 9, 2021, 10:11am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762 "2021-11-09T10:11:15Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![yoannrky4dd](https://avatars.discourse-cdn.com/v4/letter/y/b9e5f3/32.png) [@yoannrky4dd](https://community.thunkable.com/u/yoannrky4dd)
#### Post date: [November 9, 2021, 10:11am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/1 "2021-11-09T10:11:15Z")

</div>

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:

 ![File](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/6/6615c693b3e94b49439e049fb11920f90b6e0efb.jpeg)

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.

 ![IMG_2118.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/3/03291076fbc283d7bb764f4e3c5b5ba7f88c4af0.jpeg)

It was already pointed in [this topic](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/127). (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

---

<div class="post-metadata">

### Author: ![yoannrky4dd](https://avatars.discourse-cdn.com/v4/letter/y/b9e5f3/32.png) [@yoannrky4dd](https://community.thunkable.com/u/yoannrky4dd)
#### Post date: [November 9, 2021, 10:44am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/2 "2021-11-09T10:44:58Z")

</div>

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:

 ![File (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/2/b27c8e2efd42233ae3f85c4484d196d2a3c978bb.jpeg)

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

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [November 9, 2021, 12:36pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/3 "2021-11-09T12:36:02Z")

</div>

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…

---

<div class="post-metadata">

### Author: ![cassandra](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cassandra/32/115809_2.png) [@cassandra](https://community.thunkable.com/u/cassandra)
#### Post date: [November 9, 2021, 4:51pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/4 "2021-11-09T16:51:39Z")

</div>

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

---

<div class="post-metadata">

### Author: ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)
#### Post date: [November 11, 2021, 6:08pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/5 "2021-11-11T18:08:21Z")

</div>

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

---

<div class="post-metadata">

### Author: ![yoannrky4dd](https://avatars.discourse-cdn.com/v4/letter/y/b9e5f3/32.png) [@yoannrky4dd](https://community.thunkable.com/u/yoannrky4dd)
#### Post date: [November 12, 2021, 12:22pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/6 "2021-11-12T12:22:01Z")

</div>

Hi Jane,

Yes, but the bug was already mentionned in the thread: [[Solved] Status bar color blending issue - #123 by andreas.sjdtomypv](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/123)

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

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 12, 2021, 1:23pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/7 "2021-11-12T13:23:08Z")

</div>

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

---

<div class="post-metadata">

### Author: ![yoannrky4dd](https://avatars.discourse-cdn.com/v4/letter/y/b9e5f3/32.png) [@yoannrky4dd](https://community.thunkable.com/u/yoannrky4dd)
#### Post date: [November 12, 2021, 2:18pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/8 "2021-11-12T14:18:52Z")

</div>

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](https://x.thunkable.com/copy/24071fee6d4f718c2f1bbd32e1b55613)

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [November 13, 2021, 8:05am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/9 "2021-11-13T08:05:01Z")

</div>

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

> <https://github.com/thunkable/thunkable-issues/issues/964#issue-919479459>
>
> Hi
> 
> I am trying to use an image as background for my screen.
> 
> So, I have an …image that is 1396 × 2424 pixels which I use as an background image for my Screen, so I have put it as a background directly in my Screen, no rows or columns…
> I use Cover mode, I have also tried Stretch and contain, but none of these will fill my screen after download the app to my phone. It looks ok in the simulator but as soon as I download it it will display like this:
> 
> When use the “ignore notch area” - it will not show my backgroundimage on either top or bottom.
> 
> When use a colour for that area - it shows that colour on top only, not bottom, AND the top gets a white stripe in it… as if the colour missed a piece… or the notch area was not heigh enough.
> 
> When use transparent for that area the backgroundimage won’t show fore either top or bottom.
> 
> !\[This is a given color in ”notch area background color” ￼ This is ”notch area background color transparent” ￼ This is ”ignore notch area” ￼\](https://user-images.githubusercontent.com/58122129/121768903-10db3600-cb61-11eb-943c-b40d61fcb6c8.jpg)
> 
> My guess is that this is a bug, or else I would need some guidance how I should do and what I do wrong.
> 
> Thanks!!
> /Andreas

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!

---

<div class="post-metadata">

### Author: ![yoannrky4dd](https://avatars.discourse-cdn.com/v4/letter/y/b9e5f3/32.png) [@yoannrky4dd](https://community.thunkable.com/u/yoannrky4dd)
#### Post date: [November 23, 2021, 9:45am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/10 "2021-11-23T09:45:30Z")

</div>

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

---

<div class="post-metadata">

### Author: ![benefits](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benefits/32/121167_2.png) [@benefits](https://community.thunkable.com/u/benefits)
#### Post date: [November 23, 2021, 12:06pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/11 "2021-11-23T12:06:39Z")

</div>

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

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [November 30, 2021, 7:30am UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/12 "2021-11-30T07:30:50Z")

</div>

Hi thunkable.  
Anything new regarding this issue? It has been raised as a bug for very very long now….😕

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [January 16, 2022, 12:09pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/13 "2022-01-16T12:09:56Z")

</div>

Hi.  
Am I alone in thinking that this is a kind of major issue? Have anyone heard anything? I haven’t.  
Maybe I’m am working in a wrong way but for me it’s very important and kind of obvious that if you want a background image to fill the whole screen for example, and set the settings to do so, you would want that to be the case for all models.?? Of course this could be very difficult issue to solve for the engineers, and also it can definitively be that this issue isn’t fully understood by the dev team, but I think that this would be a reason to get back to the ones who have had this problems then, either to say that this will not be solved, or there are questions about the request or what ever…but, for me anyway, I haven’t heard anything from almost anyone… I love Thunkable and the features and people around and I have had in mind to go with the pro account for a wile, but I am sorry, that won’t happen until this feeling of “unimportant”/ or “misunderstood” is passed…  
Thanks for a great service otherwise, if someone have tried to update me or some other regarding this I am sorry for this text but I haven’t seen it, and if so, thanks a lot and will have a look at that reply directly. Kind regards, A

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [January 16, 2022, 2:00pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/14 "2022-01-16T14:00:44Z")

</div>

Hey! Thanks for poking us about this. I’ll check with the engineers during our meeting on Monday!

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [January 16, 2022, 3:11pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/15 "2022-01-16T15:11:27Z")

</div>

Thanks a lot! 😊❤

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [January 28, 2022, 1:00pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/16 "2022-01-28T13:00:26Z")

</div>

Hi, what happened on that meeting? Anything new? 😊

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [January 28, 2022, 5:45pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/17 "2022-01-28T17:45:18Z")

</div>

Hey @andreas.sjdtomypv

No updates yet. It seems that the bar is still there for me too on both android and iOS. Is this preventing you from being able to publish at the moment or would a fix improve the UI for you?

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [January 28, 2022, 8:48pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/18 "2022-01-28T20:48:00Z")

</div>

Hi. Ok thanks for your answer. Well, this makes me stay away from publishing any of my apps as the look and design is very important for me! All of my apps is (and probably will) be based on Colours, images, shapes and art, with probably always images or colours as background, so as long as this is still an issue no apps will be published for me, and also this makes me stay as a free Thunkable-user and not go “pro”. I have a few apps that are technical finished and ready to publish, so, for me it’s really sad this (maybe silly?) issue is still an issue…  
So, a fix for this would make my hole experience with Thunkable go from a fun but not useful code-park to an actual tool for make and create apps and go from idea to app in a great, cool and fun way, with great and awesome support and professional help!  
/ thanks! Andreas

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [January 28, 2022, 10:29pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/19 "2022-01-28T22:29:14Z")

</div>

Can you provide some visual examples that currently prohibit you from publishing? It may help our engineers sort things out.

---

<div class="post-metadata">

### Author: ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)
#### Post date: [January 28, 2022, 10:53pm UTC](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762/20 "2022-01-28T22:53:47Z")

</div>

Yea sure. I have done that a few times all ready but the most clearly example is inside of this GitHub report: [Background image won't cover my screen on iPhone XR after download · Issue #964 · thunkable/thunkable-issues · GitHub](https://github.com/thunkable/thunkable-issues/issues/964#issue-919479459)

This image demonstrate the problem well on one of my apps, which shows that what ever I do it will look really bad on some devices, and for me this is not acceptable looking, it looks really awe full so I would never publish anything that could look like this for some users.

 ![This is a given color in ”notch area background color” ￼ This is ”notch area background color transparent” ￼ This is ”ignore notch area” ￼](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4ec30bfb340a24b7956091b6a741d8b035e6054f.jpeg)

/Andreas

[Next page](https://community.thunkable.com/t/web-view-resize-bug-on-ios/1605762.md?page=2)
