RadzenFormField attribute Text issue

Radzen.Blazor Components
1

Hi, i'm trying to embed a RadzenArea in myRadzenFormField.

The issue is only present on Chrome with iOS (iPhone). When you click on the 'OK' button to confirm what you've written, the text of the RadzenFormField component centers itself instead of remaining at the top. This persists until you exit the field.

Here is what i get :

image
image376×419 41.8 KB

It happen when i do it :

image
image354×480 41.6 KB

here's how to reproduce the error:

  • open radzen editor with chrome on iphone
  • Put this code :
<RadzenFormField Text="commentaire" Variant="Variant.Outlined">
    <RadzenTextArea @bind-Value="@FormData.commentaire" />
</RadzenFormField>

@code{

    public CommentDialogFormData FormData { get; set; } = new CommentDialogFormData();

    public class CommentDialogFormData
    {
        public string commentaire { get; set; } = string.Empty;
    }
}
  • The field must be empty and not focused before doing the manipulation
  • write text in the textarea and click on "ok".

Note : it does this just for textarea that are in a radzenformfield