# \[Solved\] How can I avoid the keyboard overlaying my inputs or visually shifting components?

**URL:** https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560
**Category:** Questions about Thunkable X
**Created:** [July 25, 2022, 6:58am UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560 "2022-07-25T06:58:10Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)
#### Post date: [July 25, 2022, 6:58am UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/1 "2022-07-25T06:58:10Z")

</div>

How do I avoid this when typing

 ![Screenshot_20220725-075518](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/1/91bb6f24a392a9aa0fac752fecdaed2fcb6afd60.jpeg)  
And this is it later turns out to be  
 ![Screenshot_20220725-075527](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/f/7f1a342160643b9c5633936b44fdf0b7af9b04e2.jpeg)

---

<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 25, 2022, 8:29am UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/2 "2022-07-25T08:29:14Z")

</div>

Set the screen to `scrollable`.

The components are crunched together to make space for the keyboard, if the screen is scrollable then the components will move up making space for the keyboard.

---

<div class="post-metadata">

### Author: ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)
#### Post date: [July 25, 2022, 8:16pm UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/3 "2022-07-25T20:16:05Z")

</div>

Thanks lemme try this  
This is what I got

 ![Screenshot_20220725-211351](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/a/da0bb8c47484142bf9238c14d1764586cce8ab9d.jpeg)

---

<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 25, 2022, 8:18pm UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/4 "2022-07-25T20:18:12Z")

</div>

Place your components into a group component or several group component to arrange them in the 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: [July 26, 2022, 9:10am UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/5 "2022-07-26T09:10:52Z")

</div>

@versatile, @jared has shared a sample app related to this here:

> [@Fun Share: 1 way to avoid the keyboard covering your text input](https://community.thunkable.com/t/fun-share-1-way-to-avoid-the-keyboard-covering-your-text-input/1968546):
>
> Question that Prompted this Tutorial: A common ask is how to avoid covering a text input located lower on a screen when the keyboard appears. Goal: Add a popup modal that allows users to enter text which won’t be covered by the device keyboard Explanation: There are many device dimensions and it can be hard to predict that your input wont necessarily be covered by a advice keyboard. In that case, you can use this method to allow your users to easil…

Is this relevant to the layout changes you’re seeing?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [October 24, 2022, 9:10am UTC](https://community.thunkable.com/t/solved-how-can-i-avoid-the-keyboard-overlaying-my-inputs-or-visually-shifting-components/1974560/6 "2022-10-24T09:10:58Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
