Blazor textarea setting issue

Question

Blazor textarea setting issue

Haviv Elbsz 2,071

Hello all. how I do set a textarea element so it will have a specific width an height and that it's text will have a horizontal and vertical scrollable . I want that when user type text the line length be when user keying ENTER key. Thank you very much

Accepted answer

0 additional answers

Your answer

Answer 1

AgaveJoe 1,510

The textarea element uses the rows and cols attributes to define the length (rows) and width (cols). Any HTML reference documentation will have the specifications.

HTML <textarea> Tag

I would create a quick test page and play with the attributes to learn how the textarea elements works. Also, you might be interested in reading about Blazor form input components.

ASP.NET Core Blazor forms and input components

Haviv Elbsz 2,071 Reputation points

2023-09-27T13:48:41.7233333+00:00

Hi AgaveJoe ok I use rows and cols to make a fix textarea box but how I cause the line to scroll horizontally vertically it's scroll by default. Thank you very much.

AgaveJoe 1,510

but how I cause the line to scroll horizontally vertically it's scroll by default.

Use CSS and set the wrap attribute to off.

<html>
<head>
    <style>
    textarea {
      resize: none;
      overflow-y: scroll;
    }
    </style>
</head>
<body>

<textarea id="w3review" name="w3review" rows="4" cols="50" wrap="off">
Add text to test how wrap off and overflow CSS works with a textarea.
</textarea>

</body>
</html>

Haviv Elbsz 2,071 Reputation points

2023-09-28T07:43:42.5033333+00:00

Thank you very much for your efforts to help me. Please in visual studio gives for the property wrap only the values hard and soft and not also off why.
AgaveJoe 1,510 Reputation points

2023-09-28T09:57:22.27+00:00

Please in visual studio gives for the property wrap only the values hard and soft and not also off why.

I have no idea why Visual Studio does not show "off" as one of the options. Perhaps because it is a non-standard option and some browsers might not support "off".

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

Visual Studio has a "Submit Feedback" button in the upper right hand side of the window.

Share via

Blazor textarea setting issue

0 additional answers

Your answer