# "Long Text" input with dynamic height (expand the input height based on the content) \>\> a coded component if anyone wants/needs it

**URL:** <https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335>\
**Category:** Developer corner\
**Created:** [November 6, 2025, 12:07pm UTC](https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335 "2025-11-06T12:07:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [November 6, 2025, 12:07pm UTC](https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335/1 "2025-11-06T12:07:23Z")

</div>

This is a common thing I have been solving with a complex formula to calculate the input height. Today I said “why am I still doing this???” and decided to fork the main component to have the dynamic height option…

[![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/38111908fe53bac1f27469d23c85cb5aa7c1460a.png)](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/38111908fe53bac1f27469d23c85cb5aa7c1460a.png "image")

you can fork it and use it in your project (when using it, you will need to define background color, border color, etc… it does not come filled by default). Keep in mind that I am not a developer, I just kinda now how to code haha

Link to the repo:

> **[GitHub - zuzuliani/ww-input-basic-dynamic-height](https://github.com/zuzuliani/ww-input-basic-dynamic-height)**
>
> Contribute to zuzuliani/ww-input-basic-dynamic-height development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [November 6, 2025, 4:20pm UTC](https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335/2 "2025-11-06T16:20:24Z")

</div>

Super cool Azuliani, thanks for sharing!

---

<div class="post-metadata">

**Author:** ![Peer](https://avatars.discourse-cdn.com/v4/letter/p/e9bcb4/32.png) [@Peer](https://community.weweb.io/u/Peer)\
**Post date:** [November 14, 2025, 8:22pm UTC](https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335/3 "2025-11-14T20:22:00Z")

</div>

@azuliani

Amazing,

Is it easy to make this available in Weweb via GitHub? Is there an instruction?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [November 14, 2025, 10:15pm UTC](https://community.weweb.io/t/long-text-input-with-dynamic-height-expand-the-input-height-based-on-the-content-a-coded-component-if-anyone-wants-needs-it/20335/4 "2025-11-14T22:15:49Z")

</div>

once you`ve copied the repo, go to Coded Components (it is right by the side of “Projects” in your dashboard), then click “Import Component”… Just select your organization \>\> repository \>\> branch (should be very straightforward). Once youve done it, click the component to select the active version (select last one) and you’ll be able to use it in weweb (when adding an element, select the “Coded” that sits bellow the default components)