Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
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
2
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.
2 comments
Jassen
Posted on: 17 Aug 2022 22:16
This bug is still present in the Telerik.UI.for.Blazor 3.5.0 component...
ADMIN
Marin Bratanov
Posted on: 21 Apr 2020 13:51

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

<style>
    .k-floating-label-container {
        width: 100%;
    }
</style>

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

Regards,
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.
Create an account Log In
View
Type
Status
Category