🐞 - textarea - In Safari/Firefox the highlighting of extra characters is working wrong

[goodday21]

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