I'm currently facing an issue with a Blazor Server application where I'm using the Radzen component. Specifically, the problem arises with a RadzenFormField
that includes a RadzenDropDown
for selecting installment options.
Here's a snippet of the code I'm working with:
<RadzenFormField Text="Installments" Style="@(InstallmentErrorStyle ?? "margin-bottom: 0px; display: flex; flex-direction: column;")" class="@(errors.ContainsKey("Nparcelas") ? "rz-state-focused" : "")">
<RadzenDropDown Data="@GenerateInstallmentOptions(filialState.Npagsegparcela)"
TextProperty="Text"
ValueProperty="Value"
@bind-Value="payment!.Installments"
Name="installments" Style="width: 85px;" />
@if (errors.ContainsKey("Installments"))
{
}
The problem is that a scrollbar appears normally when running the application in a standard web browser. However, when I load the Blazor web page within a Flutter WebView on a mobile device, the scrollbar is not visible. This is causing issues with user interaction, as they can't scroll through the options in the dropdown.