mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
6d66d0145f
RadzenFormField rendered for="@Component" on the wrapping <div> (invalid - <div> does not take for) and on the label even when Component was unset, producing for="" which accessibility checkers flag as a label with no association. Removed the div for and only emit the label for when Component is set. Updated the FormFieldTextBox demo to give each input an id matching the FormField Component so the label resolves.
26 lines
1.3 KiB
Plaintext
26 lines
1.3 KiB
Plaintext
<RadzenRow AlignItems="AlignItems.End" Wrap="FlexWrap.Wrap" Gap="1rem" class="rz-p-sm-12">
|
|
<RadzenColumn Size="12" SizeMD="6" SizeLG="3">
|
|
<RadzenFormField Text="Outlined/Default" Component="FormFieldTextBoxOutlined" Style="width: 100%;">
|
|
<RadzenTextBox id="FormFieldTextBoxOutlined" @bind-Value="@value" />
|
|
</RadzenFormField>
|
|
</RadzenColumn>
|
|
<RadzenColumn Size="12" SizeMD="6" SizeLG="3">
|
|
<RadzenFormField Text="Text" Variant="Variant.Text" Component="FormFieldTextBoxText" Style="width: 100%;">
|
|
<RadzenTextBox id="FormFieldTextBoxText" @bind-Value="@value" />
|
|
</RadzenFormField>
|
|
</RadzenColumn>
|
|
<RadzenColumn Size="12" SizeMD="6" SizeLG="3">
|
|
<RadzenFormField Text="Flat" Variant="Variant.Flat" Component="FormFieldTextBoxFlat" Style="width: 100%;">
|
|
<RadzenTextBox id="FormFieldTextBoxFlat" @bind-Value="@value" />
|
|
</RadzenFormField>
|
|
</RadzenColumn>
|
|
<RadzenColumn Size="12" SizeMD="6" SizeLG="3">
|
|
<RadzenFormField Text="Filled" Variant="Variant.Filled" Component="FormFieldTextBoxFilled" Style="width: 100%;">
|
|
<RadzenTextBox id="FormFieldTextBoxFilled" @bind-Value="@value" />
|
|
</RadzenFormField>
|
|
</RadzenColumn>
|
|
</RadzenRow>
|
|
|
|
@code {
|
|
string value = "";
|
|
} |