🐞 - <tui-textarea> when expandable=true it should only expand vertically

[hatsantos]

Reproduction url

n/a

Description

When using a with expandable=true, is it possible to expand only vertically and not horizontally?

When a very long string with no spaces (such as a URL) is entered in the textarea, it expands vertically up to the specified number of rows but also expands horizontally, breaking the layout.

This can be replicate in the TaigaUI docs: https://taiga-ui.dev/components/textarea where no max-width is set.

Using the second textarea:

<tui-textarea [expandable]="true" [rows]="4">
        Type a text
</tui-textarea>

Example URL: https://www.google.com/search?q=what+to+buy+with+bitcoins&sca_esv=5d466d0b992978df&sxsrf=AHTn8zpggqB0VT67VSgorvc9IMD0HiXb_A%3A1740593159520&source=hp&ei=B1i_Z-GYHdCnkdUP74zh4AI&iflsig=ACkRmUkAAAAAZ79mF1bvDQ_DCFATbqnYnMBhANOImxAS&oq=what+to+buy+with+bit&gs_lp=Egdnd3Mtd2l6GgIYAiIUd2hhdCB0byBidXkgd2l0aCBiaXQqAggEMggQABiABBjLATIIEAAYgAQYywEyBRAAGIAEMggQABiABBjLATIGEAAYFhgeMgYQABgWGB4yBhAAGBYYHjIGEAAYFhgeMggQABgWGAoYHjIGEAAYFhgeSORNUIsIWKEtcAN4AJABAZgB4wOgAfsSqgEIMTguMy40LTG4AQHIAQD4AQGYAhigAuUPqAIKwgIHECMYJxjqAsICChAjGIAEGCcYigXCAgQQIxgnwgILEAAYgAQYsQMYgwHCAg4QABiABBixAxiDARiKBcICBBAAGAPCAg4QLhiABBixAxiDARjUAsICCBAuGIAEGNQCwgIHEAAYAxiLA8ICCBAAGIAEGIsDwgIOEAAYgAQYsQMYgwEYiwPCAhQQLhiABBijAxjUAhioAxjLARiLA8ICCxAAGIAEGMsBGIsDwgIREC4YgAQYowMYqAMYywEYiwPCAg4QABiABBjJAxjLARiLA8ICBxAhGKABGArCAgcQABiABBgNwgIKEAAYgAQYiwMYDZgDB_EFldqXLzHSOpmSBwQyMS4zoAf5pgE&sclient=gws-wiz

Taiga UI version

2.25.0

Browser Used

Chrome

OS Used

Windows