# Perspective Dropdown list word wrapping

**URL:** <https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 31, 2022, 6:51pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892 "2022-03-31T18:51:30Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 31, 2022, 6:51pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/1 "2022-03-31T18:51:30Z")

</div>

I’ve got a drop down that is in a column flex container, and I’m struggling to make a drop down with long text readable.

Is there any way to have the text word wrap in the dropdown?

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

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

Any ideas?

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [March 31, 2022, 7:04pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/2 "2022-03-31T19:04:45Z")

</div>

You guys had the same question at the same time, that's weird. 🙂

> [@Perspective Dropdown - Use Word Wrap on Options with long label texts](https://forum.inductiveautomation.com/t/perspective-dropdown-use-word-wrap-on-options-with-long-label-texts/57893):
>
> Using Ignition 8.1.14 I’m hoping that one of the CSS gurus on here can help me accomplish what I’m trying to do. None of the built-in properties of the dropdown component do what I’m after (ie props.dropdownOptionStyle.overflowWrap or wordWrap) What I’d like to achieve is for individual dropdown options to wrap the text of the option.label (grow vertically) rather than truncate the text. Current behavior: [image] Desired behavior: [image] Is such a thing possible with Perspective?

---

<div class="post-metadata">

**Author:** ![dustin.cooper](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dustin.cooper/32/29963_2.png) [@dustin.cooper](https://forum.inductiveautomation.com/u/dustin.cooper)\
**Post date:** [March 31, 2022, 7:05pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/3 "2022-03-31T19:05:49Z")

</div>

LOL just noticed that when I went back to check for updates!

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [March 31, 2022, 7:06pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/4 "2022-03-31T19:06:24Z")

</div>

Just posted an answer here:

> [@Perspective Dropdown - Use Word Wrap on Options with long label texts](https://forum.inductiveautomation.com/t/perspective-dropdown-use-word-wrap-on-options-with-long-label-texts/57893/2):
>
> [image] Under dropdownOptionsStyle you need { "classes": "", "overflowWrap": "break-word", "whiteSpace": "normal" }

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 31, 2022, 7:14pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/5 "2022-03-31T19:14:00Z")

</div>

Awesome thanks!

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 31, 2022, 7:14pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/6 "2022-03-31T19:14:09Z")

</div>

I know right… 😃

---

<div class="post-metadata">

**Author:** ![Dhruvil\_Patel](https://avatars.discourse-cdn.com/v4/letter/d/e68b1a/32.png) [@Dhruvil\_Patel](https://forum.inductiveautomation.com/u/Dhruvil_Patel)\
**Post date:** [June 17, 2025, 8:49pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-list-word-wrapping/57892/7 "2025-06-17T20:49:39Z")

</div>

just wondering if there is a way to expand the option view of the dropdown.