# When the keyboard appears the screen become short

**URL:** https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810
**Category:** Questions about Thunkable X
**Created:** [April 18, 2019, 4:10am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810 "2019-04-18T04:10:32Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![AB\_BA](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@AB\_BA](https://community.thunkable.com/u/AB_BA)
#### Post date: [April 18, 2019, 4:10am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/1 "2019-04-18T04:10:32Z")

</div>

When the keyboard appears the screen become short include text space.  
I can’t find where to set responsive screensize in Xthunkable

Thankyou

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 5, 2019, 12:25pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/2 "2019-06-05T12:25:33Z")

</div>

HI @AB_BA - welcome to the community 👋

If you take a look at the advanced properties of the Screen you are working on, in the sizing section you can choose “flex” or “none” - let us know whether or not that resolves this for you!

---

<div class="post-metadata">

### Author: ![Hicham\_Chehab](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/hicham_chehab/32/30224_2.png) [@Hicham\_Chehab](https://community.thunkable.com/u/Hicham_Chehab)
#### Post date: [June 19, 2019, 5:07am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/3 "2019-06-19T05:07:29Z")

</div>

Hi,  
When changing the sizing to none all components on the screen disappear

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 17, 2021, 5:11pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/4 "2021-07-17T17:11:17Z")

</div>

I have the same problem.  
My screen

 ![01](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/7/1762134f55772fa9fc575d8150a80aa95fc4e33a.jpeg)  
becomes an ugly  
 ![02](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/5/5502b527a1ca8abbc06ff7b708b8c11fafdca855.jpeg)  
and id rather prefer not to stretch it…  
changing screen advanced property of sizing to “none” instead of “strech” doesnt solve the problem. Actually ill get a blank screen without any elements on it if do so, as @Hicham_Chehab said.  
Any other solution ? 🤔  
P.S. OMG, this is already a 2 years old post, just noticed… but searching the forum is the only one i found related to my problem

---

<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: [July 17, 2021, 5:22pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/5 "2021-07-17T17:22:24Z")

</div>

Screen scrollable option should be TRUE.

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 17, 2021, 5:32pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/6 "2021-07-17T17:32:43Z")

</div>

thank you for your fast answer… set as you said, scrollable true, same white screen for me 🙄

---

<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: [July 17, 2021, 5:36pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/7 "2021-07-17T17:36:38Z")

</div>

Screen scrollable should be TRUE and if your screen has rows/columns then make sure you use the height of all top rows/columns to be relative %% or absolute but net “fill container/fit content”.

---

<div class="post-metadata">

### Author: ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)
#### Post date: [July 20, 2021, 10:36am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/8 "2021-07-20T10:36:50Z")

</div>

@mimostel Does it working for you?

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 20, 2021, 11:21am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/9 "2021-07-20T11:21:30Z")

</div>

… did not tried @muneer `s solution because too many elements are related on my screen (regarding containing), and ill mess other things there (i can live with stretching tho), but i trust his solution and ill keep that in mind in my future apps to apply if needed.

We can test it on new simple screen`s app if needed tho.

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 26, 2021, 8:43am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/10 "2021-07-26T08:43:10Z")

</div>

> [@skulamester](#):
>
> Does it working for you?

… Reviving an old topic is not a nice thing, but time came for my 2nd app and i wanna try @muneer `s advice for the issue.  
So, i made a screen, set scroolable **TRUE**

 ![001](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/a/3af24dfc4a32b2c221026a3b2efbeed186b59fd7.png)  
Then set advanced - sizing to **NONE** as @domhnallohanlon advised  
 ![002](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/2/92a645764d4857efd1ee98fdb0bab14c9a82f9ce.png)  
Taking care that my top container to be, lets try, absolute size:  
 ![003](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/46f58e3c9c50e0536d7f5fb32ef5cc83b7e5cded.png)  
… and screen goes blank. So issue persists.

---

<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: [July 26, 2021, 10:47am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/11 "2021-07-26T10:47:46Z")

</div>

> [@mimostel](#):
>
> set advanced - sizing to **NONE**

You don’t need this step. When you set it to _None_ you prevent the scrolling effect to be activated automatically.

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 26, 2021, 10:49am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/12 "2021-07-26T10:49:17Z")

</div>

> [@domhnallohanlon](#):
>
> If you take a look at the advanced properties of the Screen you are working on, in the sizing section you can choose “flex” or “none” - let us know whether or not that resolves this for you!

was taking @domhnallohanlon `s advise 🤔

---

<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: [July 26, 2021, 11:12am UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/13 "2021-07-26T11:12:44Z")

</div>

![Screenshot_20210726_140839](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/a/fa3a1a1e029ca4acd687a74ee5981799dcadb06d.jpeg)

This is how the `flex` property behaves. You need to make your screen flexible by setting the scrollable property to `True` and then the `flex` property will decide when to change the size of the screen. If you set the property to `None` you are actually preventing the scroll option to have an effect.

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [July 27, 2021, 7:21pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/14 "2021-07-27T19:21:36Z")

</div>

… bottom line: for me, on Android 10, the only way that i can show keyboard without screen stretching is to set top containers to **absolute** values (nor fill container/contents, neither relative %). But this cant be done, as an app wont be open only by me, will be used by multiple with other phones with different resolutions, so the only solution that works cant be applied.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/when-the-keyboard-appears-the-screen-become-short/74810/15 "2024-11-08T12:13:23Z")

</div>


