Unplanned
Last Updated: 14 Mar 2025 08:01 by Frank
Frank
Created on: 14 Mar 2025 08:01
Category: MaskedTextBox
Type: Bug Report
1
FloatingLabel shows over the mask

When the MaskedTextBox is not focused and has no value, the Floating Label displays over the textbox as expected, however, the mask itself remains visible.

Here is a test example with a CSS workaround:

<TelerikFloatingLabel Text="Floating Label Over Mask">
    <TelerikMaskedTextBox @bind-Value="@MaskedValue"
                          Mask="000-000"
                          Width="200px"
                          Class="mask-with-label" />
</TelerikFloatingLabel>

@if (string.IsNullOrEmpty(MaskedValue))
{
    <style>
        .mask-with-label input:not(:focus) {
            color: transparent;
        }
    </style>
}

@code {
    private string MaskedValue { get; set; } = string.Empty;
}

0 comments