Description:
On the Community Wishlist Intake form, the "Describe your problem" text field does not wrap very long words (e.g., a single long string with no spaces). When entering such a word in either RTL (Right-to-Left) or LTR (Left-to-Right) languages, the input box expands horizontally beyond its container instead of wrapping the text or containing overflow, which breaks the layout.
Steps to replicate the issue (include links if applicable):
- Go to https://commtech.toolforge.org/Special:WishlistIntake
- Scroll down to the “Describe your problem” section.
- In the text box, enter a long unbroken string such as:
- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
- Until it exceeds the text box on your screen
- Also try this on an RTL (e.g. Hebrew)
- Observe how the input field behaves as you continue typing.
What happens?:
The text box expands horizontally beyond its boundary. Videos below
What should have happened instead?:
- The input should wrap the word gracefully within the box OR display a scroll indicator, without expanding outside the visible area.
- The layout should remain intact across all language directions (LTR and RTL).
Other information (browser name/version, screenshots, etc.):
| LTR | RTL | Mobile |
|---|---|---|
