# Text input hides when I type

**URL:** <https://forum.adalo.com/t/text-input-hides-when-i-type/34646>\
**Category:** Design\
**Created:** [December 19, 2022, 1:33am UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646 "2022-12-19T01:33:34Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 19, 2022, 1:33am UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/1 "2022-12-19T01:33:35Z")

</div>

Hi Team, I have a problem.  
I make an Chat app, but when the keyboard opens in iOS I can’t see what I type in the text input.  
Is there a way to see what I write (it works fine when I open the app on the web)

Web Version

 ![Captura de pantalla 2022-12-18 a la(s) 8.29.16 p.m.](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/1/21718190cdb418054ac68255b5f7ba2ff2fb4c4f.jpeg)

iOS Version:

 ![Captura de pantalla 2022-12-18 a la(s) 8.29.56 p.m.](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/3/8/387699f4b4242ef3afd2289f5d1eb7d57fb49ae5.jpeg)

Can you help me please?

---

<div class="post-metadata">

**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\
**Post date:** [December 19, 2022, 7:20am UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/2 "2022-12-19T07:20:12Z")

</div>

Hello, you can have to the group where the input exists, then click on “Edit styles” then select bottom.

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 19, 2022, 2:52pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/3 "2022-12-19T14:52:56Z")

</div>

In fact it is already anchored in the bottom part, but still having the same problem.

---

<div class="post-metadata">

**Author:** ![Mohammed](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@Mohammed](https://forum.adalo.com/u/Mohammed)\
**Post date:** [December 19, 2022, 3:59pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/4 "2022-12-19T15:59:13Z")

</div>

Hello, as Ali mentioned, you should group all those components at the bottom and edit the style to make it anchored to “Bottom”.

Thats how I have it setup and here is a look at my chat from iOS device

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/3/b3a1cce1a765ad0ab34b35469b6370496fd3f439.jpeg)

---

<div class="post-metadata">

**Author:** ![Mohammed](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@Mohammed](https://forum.adalo.com/u/Mohammed)\
**Post date:** [December 19, 2022, 4:48pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/5 "2022-12-19T16:48:33Z")

</div>

Here is a snapshot from the editor, you should be aiming for this.  
Please remember to also add a rectangle component that serves as background to those components (send button/icon + text field input) - screenshot below #2.

 ![Screen Shot 2022-12-19 at 7.46.47 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/3/43a2869ddab67a23422f04bb30611a950c293708.png)

 ![Screen Shot 2022-12-19 at 7.47.41 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/3/8390e3b421b93d3cdfe70188cd784db0bd5aa8c8.png)

---

<div class="post-metadata">

**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\
**Post date:** [December 19, 2022, 4:59pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/6 "2022-12-19T16:59:54Z")

</div>

Hello, yes as @Mohammed mentioned, you can add a rectangle in the back of it and try not to put the input at the lowest point in the screen. It should be a little bit above the bottom.

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 20, 2022, 2:12pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/7 "2022-12-20T14:12:46Z")

</div>

ive done every step you guys told me, but its stll not working. Is it because im using a input component that doesnt need a send button? What else can I do?

thanks

---

<div class="post-metadata">

**Author:** ![Mohammed](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@Mohammed](https://forum.adalo.com/u/Mohammed)\
**Post date:** [December 20, 2022, 3:59pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/8 "2022-12-20T15:59:42Z")

</div>

Not really, that should not be a problem. But if there is no send button, how do you send the message?  
Are you using a custom component for the chat bar?

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 20, 2022, 4:26pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/9 "2022-12-20T16:26:13Z")

</div>

This is a Component

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/b/9bb0778ed1e252bd10c691b4f1f59b2c16761cea.png)

I don’t know if that could be the problem.

---

<div class="post-metadata">

**Author:** ![Mohammed](https://avatars.discourse-cdn.com/v4/letter/m/13edae/32.png) [@Mohammed](https://forum.adalo.com/u/Mohammed)\
**Post date:** [December 20, 2022, 4:51pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/10 "2022-12-20T16:51:40Z")

</div>

I see. So you would need to contact @James_App_Maker to see if this component has some styling rules fixed to it.  
For example, there are other custom components on the marketplace that resize automatically to fit the screen. Others have settings that fix its position to top or bottom.

Perhaps this specific component has some limitation as well. Best to check with James 😉

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [December 20, 2022, 5:28pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/11 "2022-12-20T17:28:26Z")

</div>

I will look into this and get back to you 🙂

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 20, 2022, 6:50pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/12 "2022-12-20T18:50:57Z")

</div>

Thanks, I’ll be waiting, only this stops me from launching my app.  
Thanks @Mohammed, @Ali-Bazzi and @James_App_Maker

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [December 20, 2022, 7:32pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/13 "2022-12-20T19:32:25Z")

</div>

I will try to debug this as fast as I can.

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 21, 2022, 12:34pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/14 "2022-12-21T12:34:54Z")

</div>

Hello Friendo @James_App_Maker any update?

Thanks.

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [December 21, 2022, 3:54pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/15 "2022-12-21T15:54:03Z")

</div>

Not at the moment, sorry.

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 22, 2022, 1:45pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/16 "2022-12-22T13:45:45Z")

</div>

Hello Again @James_App_Maker any update to help me please?

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [December 22, 2022, 2:19pm UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/17 "2022-12-22T14:19:20Z")

</div>

Not at the moment. I’m asking an Adalo engineer if this is from Adalo or me.

---

<div class="post-metadata">

**Author:** ![Cacoreasa](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@Cacoreasa](https://forum.adalo.com/u/Cacoreasa)\
**Post date:** [December 23, 2022, 12:39am UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/18 "2022-12-23T00:39:10Z")

</div>

Hello, the problema was the Component, because I change the component and I’m using a normal input and it works fine.

Thanks

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [December 23, 2022, 3:48am UTC](https://forum.adalo.com/t/text-input-hides-when-i-type/34646/19 "2022-12-23T03:48:39Z")

</div>

Ok, in the meantime, just use that solution. I’ll let you know when it’s fixed. I’m really sorry for the inconvenience this has caused.
