Validation for DropDown Not Working

I'm using a RadzenDropDown component inside a RadzenTemplateForm with a validation component, and although the validation works, the placeholder text does not change color like it does with the other text input fields.

As you can see in my screenshot, the fields above change the placeholder text color correctly (red) and the "Select a state" dropdown does not. My code is as follows (I removed the other fields for brevity).

<RadzenStack Orientation="Orientation.Vertical" Gap="1rem">
    <RadzenTemplateForm TItem="User" Data=@obj Submit=@OnClickUpdate>
        <RadzenStack Gap="1rem"> 
            <RadzenFormField Text="City" Variant="Variant.Flat">
                <ChildContent>
                    <RadzenTextBox Name="City" @bind-Value=@obj.City />
                </ChildContent>
                <Helper>
                    <RadzenRequiredValidator Component="City" Text="Your city is required." />
                </Helper>
            </RadzenFormField>
            <RadzenFormField>
                <ChildContent>
                    <RadzenDropDown Name="UsState" @bind-Value=@obj.State
                        AllowClear="true"
                        AllowFiltering="true"
                        Class="waitlist-formfield"
                        Data=@states
                        FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
                        FilterOperator="StringFilterOperator.Contains"
                        Placeholder="Select a state"
                        TextProperty="Name"
                        ValueProperty="Code" />
                </ChildContent>
                <Helper>
                    <RadzenRequiredValidator Component="UsState" Text="Your state is required." />
                </Helper>
            </RadzenFormField>
            <RadzenButton ButtonType="ButtonType.Submit" Text="Update Profile" Icon="save" IsBusy=@isBusy />
        </RadzenStack>
    </RadzenTemplateForm>

Please advise on how to get the placeholder text to change like the others.

On a similar note, it would be also nice to change the color of the placeholder text. It appears grey in the "Select a state" dropdown (preferred) and it is black in the others (see the "Middle Name" input field). At the very least, it should be consistent throughout all the form element fields where a placeholder exists.

Thanks!

Hi @Jason_Kiesel,

Instead of adding the Placeholder="Select a state" to the DropDown component try adding it as a FormField label. The FormField label acts as a placeholder when the dropdown value is empty and as a label when the dropdown is filled. This should resolve both gray and validation text color differences.

<RadzenFormField Text="Select a state">
    <ChildContent>
        <RadzenDropDown Name="UsState" @bind-Value=@obj.State
            AllowClear="true"
            AllowFiltering="true"
            Class="waitlist-formfield"
            Data=@states
            FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
            FilterOperator="StringFilterOperator.Contains"
            TextProperty="Name"
            ValueProperty="Code" />
    </ChildContent>
    <Helper>
        <RadzenRequiredValidator Component="UsState" Text="Your state is required." />
    </Helper>
</RadzenFormField>

Thank you. This solution worked!