# Text input goes up when typing

**URL:** <https://community.thunkable.com/t/text-input-goes-up-when-typing/318473>\
**Category:** Questions about Thunkable X\
**Created:** [November 13, 2019, 5:31pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473 "2019-11-13T17:31:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 13, 2019, 5:31pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/1 "2019-11-13T17:31:45Z")

</div>

Hey the problem still there and a lot of people have it, why the text input and the rest goes up when the keyboard opens ? why the screen can’t they normal and the keyboard floats over it ?  
thanks

---

<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:** [November 13, 2019, 5:55pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/2 "2019-11-13T17:55:01Z")

</div>

While I can see this behavior on Thunkable Live, it’s no longer an issue for me when I install my app.

What layout/sizing options are you using?

Have you tried installing your app?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 13, 2019, 7:23pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/4 "2019-11-13T19:23:49Z")

</div>

it happens with web viewer when I only have a web viewer in the screen

and even when I put a text block in a row on a screen

---

<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:** [November 13, 2019, 9:32pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/5 "2019-11-13T21:32:39Z")

</div>

Sure, but is this live testing or installing?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 13, 2019, 9:33pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/6 "2019-11-13T21:33:50Z")

</div>

installing when downloading

---

<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:** [November 13, 2019, 9:36pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/7 "2019-11-13T21:36:38Z")

</div>

Android or iOS?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 13, 2019, 9:41pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/8 "2019-11-13T21:41:16Z")

</div>

ios

---

<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:** [November 13, 2019, 9:49pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/9 "2019-11-13T21:49:23Z")

</div>

And finally, the last of my original questions;

> [@domhnallohanlon](#):
>
> What layout/sizing options are you using?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 13, 2019, 9:52pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/10 "2019-11-13T21:52:23Z")

</div>

I tried all from center item, height from container and space here and there and position: relative and absolute and never works ☹ if you could me tell the best settings to do please ?

f you try it you will see take a screen put a input in a row that is full with and height and you will see the text input will go up after the keyboard opens

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 14, 2019, 4:03pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/11 "2019-11-14T16:03:23Z")

</div>

Any solution ?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 16, 2019, 12:18pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/12 "2019-11-16T12:18:43Z")

</div>

Have a look [https://share.icloud.com/photos/0bwY5iKxJwa7lvCDLI1YPTUiQ](https://share.icloud.com/photos/0bwY5iKxJwa7lvCDLI1YPTUiQ)

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 21, 2019, 5:48pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/13 "2019-11-21T17:48:51Z")

</div>

Hello how can I remake this exemple from whats app that the text input is down and one click it goes up with the keyboard please ?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/0/90276bb5bac1bc056e785bd3cd7142df789545cd.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/3/c3527dfb5fc91e22aa539ed4ff289e6742d74bca.jpeg)

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 22, 2019, 7:32am UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/14 "2019-11-22T07:32:01Z")

</div>

Nobody there who knows how ?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [December 4, 2019, 11:21am UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/15 "2019-12-04T11:21:50Z")

</div>

> **[IMG\_2014.MP4](https://wetransfer.com/downloads/1e55c65b1f70e239737c454a86d4f58420191204111306/7c86de)**
>
> 1 file sent via WeTransfer, the simplest way to send your files around the world

Hello how to avoid this effect thx ( check out the wetranfer )

---

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [December 4, 2019, 12:10pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/16 "2019-12-04T12:10:43Z")

</div>

What exactly do you want to avoid?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [December 4, 2019, 12:29pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/17 "2019-12-04T12:29:26Z")

</div>

That the text input goes up and down when the keyboard opens see it on the video in wetranfer

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [December 4, 2019, 12:38pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/18 "2019-12-04T12:38:14Z")

</div>

Hello,

Have you tried putting these components in the same Column

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [December 4, 2019, 12:47pm UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/19 "2019-12-04T12:47:35Z")

</div>

yess

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 23, 2019, 4:09am UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/20 "2019-12-23T04:09:02Z")

</div>

Is there a fix for this? The text input block has several problems when I use it:

1. You can’t easily navigate within the text input area as you would with other apps. When I tap at the end of the hint text, for example, the cursor doesn’t move from the start of the text. I guess maybe the hint text isn’t supposed to disappear when you tap on it but if it stays there, it’s confusing for the user. Or maybe I’m just confused!

1b. If I tap to enter text and then press return to hide the keyboard, I can no longer enter text at all. Tapping in the text input area does nothing. But at least the hint text disappears!

1. The screen moves up and gets squished, as described in this thread. I often can’t see what I’m typing.

2. There is no keyboard hide button so I have to enter text and press return if I want to dismiss the keyboard.

---

<div class="post-metadata">

**Author:** ![davidcjpzyd](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@davidcjpzyd](https://community.thunkable.com/u/davidcjpzyd)\
**Post date:** [January 23, 2021, 7:18am UTC](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473/21 "2021-01-23T07:18:32Z")

</div>

I got a solution that worked for me, basically you have to get the computed height onto a variable before the keyboard is called then set the web viewer to that height.

i did it as soon as the page opened also, i saw you must add a small delay before getting and setting the variable.

please reply if this works for you

![Capture](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/b/3b87bf14205abacb9d7b9b2ef7edb8dd3ad5c023.jpeg)

[Next page](https://community.thunkable.com/t/text-input-goes-up-when-typing/318473.md?page=2)
