# Perspective Map Popup - Table word wrap

**URL:** <https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 11, 2023, 3:35pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200 "2023-07-11T15:35:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jreynolds1](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jreynolds1](https://forum.inductiveautomation.com/u/jreynolds1)\
**Post date:** [July 11, 2023, 3:35pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200/1 "2023-07-11T15:35:13Z")

</div>

I have an issue and wanted to see if anyone's run into this before or knows of a fix.

I have a map-component popup that is displaying a view. In the view, there is a table that is not wrapping the cell contents.

In the designer wrapping is done correctly and changing the whiteSpace style effects how the contents are wrapped.

![Designer](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/be10da5b9c63c927002b6bc7de6abcb61435c7a4.png)

In the app, the contents are not wrapped and overlap. Inspecting the element shows that "white-space:normal" is active.

 ![map](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/c/cc95f7365b736e5ef2e8da0a2cb74121545fd971.png)

---

<div class="post-metadata">

**Author:** ![Joe\_Seph](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/joe_seph/32/40277_2.png) [@Joe\_Seph](https://forum.inductiveautomation.com/u/Joe_Seph)\
**Post date:** [July 17, 2023, 10:48pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200/2 "2023-07-17T22:48:28Z")

</div>

Hi jreynolds,

When you observe this behavior not working are these style properties defined on the "cells" property of the table? Screen shots of your properties would be helpful as well.

Also what browser are you using? Do you notice a difference in any other web browsers?

---

<div class="post-metadata">

**Author:** ![jreynolds1](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jreynolds1](https://forum.inductiveautomation.com/u/jreynolds1)\
**Post date:** [July 18, 2023, 1:11pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200/3 "2023-07-18T13:11:10Z")

</div>

Hi Joe,

Thanks for the reply. The style was originally applied to the "Description" column of the table, but I've tested applying it to cells and the behavior is the same. I've tried viewing the app in Firefox, Chrome, and Perspective Workstation, and the problem exists in all of them.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/f/efed0b33feb2ef5da2454afa4adc001a4a9234c7.png)  
[table\_props.json](https://forum.inductiveautomation.com/uploads/short-url/ks1Mz80pyKOevrkzESEZ6aCwwmj.json) (4.7 KB)

---

<div class="post-metadata">

**Author:** ![Joe\_Seph](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/joe_seph/32/40277_2.png) [@Joe\_Seph](https://forum.inductiveautomation.com/u/Joe_Seph)\
**Post date:** [July 18, 2023, 9:33pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200/4 "2023-07-18T21:33:45Z")

</div>

Have you tried using the "[wordBreak](https://www.w3schools.com/cssref/css3_pr_word-break.php)" or "[wordWrap](https://www.w3schools.com/cssref/css3_pr_word-wrap.php)" style properties?

---

<div class="post-metadata">

**Author:** ![jreynolds1](https://avatars.discourse-cdn.com/v4/letter/j/df788c/32.png) [@jreynolds1](https://forum.inductiveautomation.com/u/jreynolds1)\
**Post date:** [July 19, 2023, 3:04pm UTC](https://forum.inductiveautomation.com/t/perspective-map-popup-table-word-wrap/76200/5 "2023-07-19T15:04:12Z")

</div>

I've now tried "wordBreak" and "wordWrap" applied to the cell style. I tried them individually and in combination with "whiteSpace" with no change in behavior.