# How do I make fields adapt to text instead of showing scroll bars?

**URL:** https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028
**Category:** How do I?
**Created:** [December 19, 2024, 9:16am UTC](https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028 "2024-12-19T09:16:50Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Kat](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kat/32/5809_2.png) [@Kat](https://community.weweb.io/u/Kat)
#### Post date: [December 19, 2024, 9:16am UTC](https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028/1 "2024-12-19T09:16:50Z")

</div>

Hi. My mobile view presents double scroll bars, and setting fields and/or flexboxes to 100% height isn’t working.

 ![Screenshot 2024-12-19 110358](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3ca81ddb8f58a6440ec5e97943c7b8614e46f296.jpeg)

---

<div class="post-metadata">

### Author: ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)
#### Post date: [December 20, 2024, 5:21pm UTC](https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028/2 "2024-12-20T17:21:29Z")

</div>

Hi @Kat 👋

It’s hard to see what you have there but can you try adding overflow: hidden to the parent container to prevent double scrolling?

---

<div class="post-metadata">

### Author: ![Kat](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kat/32/5809_2.png) [@Kat](https://community.weweb.io/u/Kat)
#### Post date: [January 3, 2025, 8:43am UTC](https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028/3 "2025-01-03T08:43:10Z")

</div>

Thanks! I don’t want to use the scroll bar at all, I want most text fields in my app to show all the text (we have character limits).  
Overflow currently does not remove scroll bars, it just makes the text field bigger.

---

<div class="post-metadata">

### Author: ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)
#### Post date: [January 6, 2025, 8:38pm UTC](https://community.weweb.io/t/how-do-i-make-fields-adapt-to-text-instead-of-showing-scroll-bars/15028/4 "2025-01-06T20:38:36Z")

</div>

Hi @Kat I think it’s all working now with overflow = hidden + input long answer with resize?

Can you let me know if it’s not working?