Focus automatically jumps back to previous input in RadzenNumeric

[allenzhangdc]

I'm experiencing an issue with RadzenNumeric components when using multiple inputs. When I enter a number in one RadzenNumeric component and then try to move focus to another RadzenNumeric component, the focus automatically jumps back to the previous input after a brief moment.

<RadzenColumn SizeMD="@(IsAddMode ? 1 : 2 + (CompactMode ? 1 : 0))">
    <RadzenNumeric @key="@($"quantity-{IsAddMode}-{EditingData.InventoryV2Id}-{EditingData.QuantityV2}")"
                   @bind-Value="@EditingData.QuantityV2"
                   Change="() => InternalItemChanged(new object())"
                   Name="Quantity"
                   @oninput="OnQuantityInput"
                   @onkeypress="@Enter"
                   @ref="EditingQuantityRef"
                   style="display: block; width: 100%"
                   TValue="decimal?"/>
    @if (!IsAddMode && (EditingData.QuantityV2 == null || EditingData.QuantityV2 == 0))
    {
        <RadzenRequiredValidator Component="Quantity"
                                 Text="@L["Required"]" />
    }
</RadzenColumn>

[enchev]

I tried to replicate such issue using several Numeric components in our demo however everything worked as it should:

[korchev]

@allenzhangdc

 <RadzenNumeric @key="@($"quantity-{IsAddMode}-{EditingData.InventoryV2Id}-{EditingData.QuantityV2}")"
     

I think the @key could be somehow involved. You are setting it to depend on the value which is being updated and as a result the component is recreated every time the value changes. Try removing the key altogether or setting to a fixed value (it doesn't need to be globally unique).