Last Updated: 17 Aug 2022 22:16 by Jassen
Release 2.13.0
Josep Ramon
Created on: 21 Apr 2020 13:48
Category: TextBox
Type: Bug Report
Width is not applied when Label is used for the TextBox
The floating label element has a default width in the CSS, and the custom Width value from the TelerikTextBox Width parameter is not applied to it - it is only set to the input.
Posted on: 17 Aug 2022 22:16
This bug is still present in the Telerik.UI.for.Blazor 3.5.0 component...
Marin Bratanov
Posted on: 21 Apr 2020 13:51

For Width="100%" for the textbox, the following can be a workaround:

    .k-floating-label-container {
        width: 100%;

<div style="width: 400px; border: 1px solid red;">
    <TelerikTextBox Label="the label" Width="100%" @bind-Value="@theValue"></TelerikTextBox>
    string theValue { get; set; } = "lorem ipsum dolor sit amet";

Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.