🐞 - textarea - In Safari/Firefox the highlighting of extra characters is working wrong
goodday21 opened this issue · comments
Playground Link
No response
Description
https://taiga-ui.tcsbank.ru/components/textarea#extra-chars-highlight
Safari 17.3.1, Firefox 125.0.2
When my text has a URL with hyphens in it, the extra symbols are highlighted with some offset. You can use the following example:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. https://my-site.abc.qwertyuiop.com/group1/group2/3921234
When you paste it to the textarea, the highlighting is displayed with offset. However if you remove the hyphen from the URL in the text, the problem's gone.
The possible solution is explicitly set some word-break, e.g.
style="word-break: break-word"
For any details, questions, please ping me in the TiMe, d.yuferev
Angular version
No response
Taiga UI version
3.76.0
Which browsers have you used?
- Chrome
- Firefox
- Safari
- Edge
Which operating systems have you used?
- macOS
- Windows
- Linux
- iOS
- Android