# Resizable text area object

**URL:** <https://forum.inductiveautomation.com/t/resizable-text-area-object/103931>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [March 20, 2025, 9:25am UTC](https://forum.inductiveautomation.com/t/resizable-text-area-object/103931 "2025-03-20T09:25:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![raro](https://avatars.discourse-cdn.com/v4/letter/r/f05b48/32.png) [@raro](https://forum.inductiveautomation.com/u/raro)\
**Post date:** [March 20, 2025, 9:25am UTC](https://forum.inductiveautomation.com/t/resizable-text-area-object/103931/1 "2025-03-20T09:25:08Z")

</div>

I'm trying to figure out how to set the `size` for a text area object with `position: basic:auto` and `resize: vertical` so that when the view opens, the entire placeholder text is visible.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/1/f11003d35a3308635ee002d901bded61c5bbe9a0.png)

Right now, the placeholder gets cut off unless I manually adjust the size. Is there a way to make it automatically fit the full placeholder text on load?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/e/fef6ce53f0fd85d89e2ab1188624f819bef4dbb0.png)

The flex above is also set to `auto`.

Any suggestions on how to fix this?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 20, 2025, 11:08am UTC](https://forum.inductiveautomation.com/t/resizable-text-area-object/103931/2 "2025-03-20T11:08:21Z")

</div>

There exists this _ **experimental** _ style css proptery `field-sizing: content`

Combine it with `min-width` `max-height` ect.

However it does not work on every browser (no firefox) and probably will not work in the designer itself. (or the app(?)) So test in a browser

```python
field-sizing: content;

```

> **[field-sizing - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing#browser_compatibility)**
>
> The field-sizing CSS property enables you to control the sizing behavior of elements that are given a default preferred size, such as form control elements. This property enables you to override the default sizing behavior, allowing form controls to...

[https://caniuse.com/?search=field-sizing](https://caniuse.com/?search=field-sizing)

---

<div class="post-metadata">

**Author:** ![raro](https://avatars.discourse-cdn.com/v4/letter/r/f05b48/32.png) [@raro](https://forum.inductiveautomation.com/u/raro)\
**Post date:** [March 20, 2025, 11:33am UTC](https://forum.inductiveautomation.com/t/resizable-text-area-object/103931/3 "2025-03-20T11:33:54Z")

</div>

Oh, nice! This looks promising, but I'm not sure if I want to integrate an experimental feature into my project. 😆

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 20, 2025, 11:46am UTC](https://forum.inductiveautomation.com/t/resizable-text-area-object/103931/4 "2025-03-20T11:46:05Z")

</div>

i mean its _just_ for a small visual convience, so shouldnt be to bad.

The only other option is Js injection which is probabyly a lot more questionable than this xD