Last Updated: 10 Nov 2020 08:33 by ADMIN
Created on: 10 Nov 2020 08:32
Category: DateInput
Type: Bug Report
After typing in the date input, its performance slows down in WebAssembly

Create the WebAssembly CRUD example from the New Project Wizard and go to the Form page.

Type a year in the date picker. Do not remove the focus and type another year. After doing this a few times the input visibly lags and the form becomes slow.



A potential workaround could be to disable the pointer events so that the users will have a harder time focusing the input so they are more likely to use the drodown to choose dates:

   .k-datepicker .k-dateinput input {
        pointer-events: none;

another approach is to avoid the two-way binding that happens on every keystroke, and use the OnChange event to update the model, for example:

<TelerikDatePicker Value="@person.StartDate"
                   OnChange="@( (object dt) => person.StartDate = (DateTime)dt )"
                   ValueExpression="@( () => person.StartDate )"
                   Width="100%" Id="StartDateDP">