Last Updated: 21 Feb 2022 07:25 by ADMIN

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.

Last Updated: 25 Jan 2022 16:22 by ADMIN
Scheduled for 2021.3
Created by: Avrohom Yisroel
Comments: 0
Category: Themes
Type: Bug Report

Adding the form-control class from bootstrap to a textarea causes worng appearance especially when I have autosize set to true.



Here is a workaround:

    span.k-textarea.form-control {
        border: 0;
        box-shadow: none;
        width: 100%;
        height: auto;

        span.k-textarea.form-control textarea {
            border: 1px solid rgb(206, 212, 218) !important;
            border-radius: 0.25rem !important;

<TelerikTextArea @bind-Value="@theValue" Class="form-control" AutoSize="true" />

@*<textarea class="form-control" @bind="theValue"></textarea>*@

    string theValue { get; set; } = "one\ntwo\nthree\nfour";


Last Updated: 25 Jan 2022 16:04 by ADMIN
Scheduled for 2021.2
I am using the material theme and when text is typed in the textarea the floating label does not flush to the top of the component but overlaps the text.
Last Updated: 28 Mar 2019 11:32 by ADMIN
Created by: Rumen
Comments: 4
Category: Themes
Type: Feature Request
Let us know whether do you need Office 365-like skin?