RadzenNumeric onblur

Radzen.Blazor Components
1

Hello, could you please advise on how to pass the OnBlur method in RadzenNumeric, as currently nothing happens when focus is lost?

 <RadzenNumeric
                                                Min="0"
                                                Max="24" 
                                                @bind-Value="@userVisit!.HoursCount" 
                                                ShowUpDown="false" 
                                                onclick="this.querySelector('.rz-spinner-input').select()"
                                                @onkeyup="(arg) => OnKeyUp(arg, monthScheduleModel)" 
                                                @onblur="(arg) => OnBlur(arg, monthScheduleModel)"/>

onblur does not work

2

Hi @masterworgenn,

Onblur doesn't work because it does not bubble through the DOM node hierarchy. RadzenNumeric renders two nested HTML elements and the input is the inner one - its blur event won't bubble to the parent which is where events are attached.

I would suggest using focusout instead of blur.

@onfocusout="(arg) => OnBlur(arg, monthScheduleModel)"/>

It is equivalent to blur but bubbles.