Validators cut off

Radzen Blazor Studio
1

Is there a workaround for this:

image
image397×153 4.29 KB

setup as:

<RadzenStack Orientation="Orientation.Horizontal">
        <RadzenStack Style="width: 25%;">
          <RadzenFormField AllowFloatingLabel="false" Text="Location" Variant="Variant.Outlined">
            <RadzenDropDown TValue="int?" ValueProperty="LocationId" TextProperty="Location1" Data="@locations" @bind-Value="@Quote.QlocationId"  Disabled="@(FieldsDisabled)"  class="@ActiveReqClass" Name="QlocationId" Change="@LocationChange"/>
            <RadzenRequiredValidator Component="QlocationId" Text="Location is Required!"Popup="true"></RadzenRequiredValidator>
          </RadzenFormField>
        </RadzenStack>
</RadzenStack>
2

Hi @ken.stoner,

This happens because of overflow: hidden; applied to RadzenFieldset.

Until we decide on a proper fix you can either apply a bottom padding to the fieldset:

<RadzenFieldset Style="--rz-fieldset-padding: 0 1rem 3rem;" ... >

Or add a bottom margin to each one of the FormFields or to one of the RadzenStack wrappers:

<RadzenFormField class="rz-mb-8" ... >