I am trying to use the a progress button on a login form which I have two regular HTML input controls:
<input type="text" class="login-form-control" @bind="Username" onfocus=@(() => UsernameGotFocus()) onkeyup=@((args)=>KeyPressed(args)) />
<input type="password" class="login-form-control" @bind="Password" onfocus=@(() => PasswordGotFocus()) onkeyup=@((args)=>KeyPressed(args)) />
And my progress button is defined as:
<EjsProgressButton Content="Login" EnableProgress="true" Duration="3000" SpinSettings="@SpinCenter" AnimationSettings="@ZoomOut"
CssClass="btn btn-login text-center login-form-control"></EjsProgressButton>
However, when either of the inputs receives focus, multiple console errors are show (provided in the attached screenshot. But if I remove the progress button and just replace it with a regular HTML button:
<input type="button" class="btn btn-login text-center login-form-control" value="Login" onclick=@(()=>CheckLogin()) />
Then no console errors are shown and all methods run correctly.
Attachment:
screenshot_d377b447.zip
