Last Updated: 21 Feb 2022 07:25 by ADMIN
Created on: 13 Feb 2022 02:37
Type: Bug Report
Text Area Size attribute makes almost no difference to the size rendered

I made a repl to show the issue:

The 3 differently sized text area's render with almost the same size. Inspecting the elements, the textarea is wrapped in a span which is given a k-input-[sm/md/lg] class, and the text area is given minorly different padding for each. This works fine for TextBox, but not what you would expect from textarea.

I would expect textarea to render 1 line for sm, 2 lines for md, and 4 lines for lg, or something similar. The padding is a fairly useless difference here for a text area.

1 comment
Svetoslav Dimitrov
Posted on: 21 Feb 2022 07:25

Hello Matthew,

The Size parameter of the TextArea applies some CSS styles to the component. These styles would not be able to change the rows of the TextArea. In general, the rows are set by providing value to the "rows" attribute of the <textarea> tag and that could not be altered with styles. 

That being said, I am marking this as "Declined" as the Size parameter is not expected to alter the visible rows in the TextArea.

Svetoslav Dimitrov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at