RadzenFormField Bug: Placeholders in the dropdown overlap

Radzen.Blazor Components
1

Placeholders in the dropdown overlap in the RadzenFormField Text

image

RadzenFormField rendering overlaying RadzenDropDown
2

You can use Text property of the FormField instead Placeholder of the DropDown.

3

Hi @Gerry_An,

RadzenFormField replaces the placeholder functionality. You shouldn't set the Placeholder attribute of RadzenDropDown when it is inside RadzenFormField. You can check our online demo for a reference.

4

Hi @korchev,

But it works in other components, like RadzenDatePicker. How can I apply this in the Dropdown?

image
image595×119 6.87 KB

1 Like
5

I also consider this a bug, because the header text and placeholder text are not for the same purpose.

A workaround would be to make the bound enumerable @bind-Value="@(this.ViewModel.SelecteModes)" return an array with one null element if no element is selected. This makes the code behind a but ugly, though.

public IEnumerable<string> SelectedModes
{
    get
    {
        if (<selection-not-empty>)
        {
            return <actual-selection>;
        }
        else
        {
            return new string[] { null! };
        }
    }
}
2 Likes
6

@korchev I'd agree with this statement as well. The form field's header, in almost all circumstances, will be different than the placeholder text. Please fix this bug or enable the Placeholder property to work properly when a TextBox is inside a FormField component. Thanks!

7

Hi @Jason_Kiesel,

AllowFloatingLabel="false" has been added that allows you to use a TextBox with a Placeholder.

1 Like