Last Updated: 19 Jul 2021 10:08 by ADMIN
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: 24 Mar 2021 13:03 by ADMIN
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.