RadzenTextArea Immediate Property causes input duplication

Radzen.Blazor Components
1

Hi Radzen team,

I deployed the code of the following Blazor server page to Azure App Service and verified its operation.

@page "/test"
@rendermode InteractiveServer

<PageTitle>Immediate Test</PageTitle>

<h1>Immediate Test</h1>
<p></p>

<RadzenTextArea
    class="w-100 rz-pb-0 rz-m-0"
    @bind-Value="prompt1"
    Immediate="true"
    Rows="4" />

<RadzenTextBox
    class="w-100 rz-pb-0 rz-m-0"
    @bind-Value="prompt2"
    Immediate="true" />

@code {
    string prompt1 = "";
    string prompt2 = "";
}

For languages that use IME, such as Japanese, input sometimes interferes with IME operation, causing characters to be duplicated.

For example, I typed in Japanease “aiueo”, but what was displayed was "aiaiueo" with the characters "ai" duplicated.

image
image397×238 5.8 KB

This issue does not occur when using languages like English, which do not use IME.
Also, this issue does not occur in Japanese when running locally, but it always occurs when running on Azure App Service.

This issue occurs with both RadzenTextArea and RadzenTextBox.

2

I suspect this happens due to server render mode and failing to keep it sync due to latency. Does it work if you use InputText or <input> with @oninput? If it works there is a chance we can make it work as well.

3

I tried it with InputText, but the same issue occurred.
It seems that the problem is not with Radzen but with Blazor.

I will investigate on the Blazor side.
Thanks.

4

I suspected this could be the case but still hoped Microsoft have figured something out as a solution.

The problem is the latency - when the user types something it has to reach the server and back to synchronize the input value. And sometimes this fails.

Let us know if you find a workaround.