# TextField Does Not Wrap Text

**URL:** <https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024>\
**Category:** Ignition Early Access\
**Tags:** perspective\
**Created:** [November 22, 2018, 4:04pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024 "2018-11-22T16:04:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ziad](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ziad/32/6841_2.png) [@ziad](https://forum.inductiveautomation.com/u/ziad)\
**Post date:** [November 22, 2018, 4:04pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/1 "2018-11-22T16:04:44Z")

</div>

- There is no dropdown for selecting font family in perspective. Both in Styles and directly on a Text Field

- Text wrapping on Text Field doesn't seem to do anything. I'm trying this on a Text Field in a Flex View. I've tried both "break-word" and "normal" on the wordWrap property, which I also have in the Style I created. I have tried this on Label and wrapping works. Maybe this is intentional? Screenshot attached.

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/6/6e4defe58fcd02394ac44e6791e88752201f0f45.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 26, 2018, 4:39pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/3 "2018-11-26T16:39:59Z")

</div>

Split this topic on November 26, 2018, 4:39pm UTC

A post was split to a new topic: [[Feature] Style Inputs Should Have Dropdowns](https://forum.inductiveautomation.com/t/feature-style-inputs-should-have-dropdowns/21066)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 26, 2018, 4:43pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/4 "2018-11-26T16:43:33Z")

</div>

If you need to wrap the text, consider using the Text Area component - to my knowledge Text Fields do not allow for wrapping text.

I’ve broken your feature request into a different post so that it can be tracked individually.

---

<div class="post-metadata">

**Author:** ![mike4](https://avatars.discourse-cdn.com/v4/letter/m/aeb1de/32.png) [@mike4](https://forum.inductiveautomation.com/u/mike4)\
**Post date:** [November 10, 2021, 10:45pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/5 "2021-11-10T22:45:42Z")

</div>

Text in Text field still does not wrap. Is there any solution to this??

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [November 10, 2021, 11:50pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/6 "2021-11-10T23:50:05Z")

</div>

Is there a reason to not use a text area?  
A text field is, basically by definition, single line.

---

<div class="post-metadata">

**Author:** ![mperkins](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mperkins/32/71722_2.png) [@mperkins](https://forum.inductiveautomation.com/u/mperkins)\
**Post date:** [November 11, 2021, 5:52pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/7 "2021-11-11T17:52:47Z")

</div>

Technical answer: Text Field’s use HTML’s input type=“text”. In my [research](https://stackoverflow.com/questions/5286663/wrapping-text-inside-input-type-text-element-html-css), this is just not possible with input type=“text”, and it’s highly unlikely that we would write a custom replacement for input type=“text”. There are two many behaviors that the browsers automatically with an HTML input for us to implement our own replacement.

---

<div class="post-metadata">

**Author:** ![OscarLucas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/oscarlucas/32/6417_2.png) [@OscarLucas](https://forum.inductiveautomation.com/u/OscarLucas)\
**Post date:** [August 12, 2022, 7:26am UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/8 "2022-08-12T07:26:25Z")

</div>

I also have the same problem.

---

<div class="post-metadata">

**Author:** ![Ken\_Kelso](https://avatars.discourse-cdn.com/v4/letter/k/3bc359/32.png) [@Ken\_Kelso](https://forum.inductiveautomation.com/u/Ken_Kelso)\
**Post date:** [March 5, 2024, 5:51pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/9 "2024-03-05T17:51:14Z")

</div>

I had this same issue and my work-around was to add a second label and placed it below the first. Now it looks like it wrapped, and it fits in the small area.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 5, 2024, 5:56pm UTC](https://forum.inductiveautomation.com/t/textfield-does-not-wrap-text/21024/10 "2024-03-05T17:56:40Z")

</div>

> [@Ken\_Kelso](#):
>
> add a second label

A Label component is not a Text Field component which is what this thread is about.

The Label component supports text wrap if you need it. The Text Field component does not.
