Question
The user is unable to wrap read-only text area, if there is a large number of characters.
- Create a dynamic layout inside of a section and put a text area inside of it.
- Set edit options to auto, read-only value to property value, and use a property with no value.
- Set collapsible to Yes, default expanded, and then open the app and insert 3000 characters.
- Observe that when the text area is then put into read-only mode, there is no word wrapping.
- This is after 7.3 Update.
- SA-37781 is the same issue for 7.2 Version
***Edited by Moderator Marissa to update categories***
I have tried the one provided in SA-37781. It did not work in 7.3 Version
Hi Geetha,
After you run the use case, open the developer tools. Then try to find out the <span>, div or <p>, in which this text area is present. You will see element.stye. In that try to put "word-break: break-word;" and observe whether the issue gets rectified.
You should be able to debug this using these steps. Also, please let us know if this issue is browser specific.
Regards,
Rachit
Another option is to created a new text input format in the skin and add Attribute in Additional styles of text in the attribute add word-break :break-all. Using this will help in avoiding inline styles and also can be reused.
Hi @GeethaV0!
Just to clarify: You are having this same trouble in your 7.3 verson? If so, have you tried the resolution provided in SA-37781 after you upgraded to see if it resolved your non-wrapping as well?
Thanks!