Hi All,
We recently have undertaken an effort to upgrade our project to Angular 16 and as part of that we also updated all of our Kendo libraries to 14.2.0. Since the update, many of our datepicker inputs are behaving extremely strangely, namely, you open the datepicker and it starts frantically scrolling into the past without stopping. I'll attach a gif showing the issue.
Strangely I can't seem to reproduce it consistently, it happens on our test server every single time but not on my local machine. Here is an example of how the datepicker looks in code, though it happens across many of them in the application:
<kendo-datepicker
class="w-100"
[value]="getDateTimeValue()"
[format]="'MM/dd/yyyy'"
[disabled]="valueCanBeEmpty()"
(valueChange)="handleDatePickerValueChanged($event)"
[popupSettings]="{appendTo: 'component'}"
[attr.data-qa-id]="'datepicker-value-'+field.SourceName">
</kendo-datepicker>Any help would be appreciated
Hi Timothy,
Thank you for the provided resources.
I created an identical StackBlitz example based on the shared gif and code configuration, which you can find below:
The above example is very vague since the implementations of the respective methods in the code snippet are not shown. However, given the provided configuration, it can be observed that the described issue is not reproducible in the example. So, it would be great if you could modify the above example with the addition of any omitted configurations that might be crucial for the replication of this issue.
With the above being said and since it is mentioned that the issue is not consistently reproduced, what I can suggest so far is removing the configured properties of the DatePicker component for testing purposes and trying to initialize a basic DatePicker without any additional configurations. In that way, it can be determined whether the implementation of any of these properties is a potential cause for the experienced issue and thus advance further troubleshooting.
What can also be done is updating the Kendo UI for Angular library to the latest version to verify if the issue still persists in our most recent release. In addition, please check whether the Kendo Themes package has also been updated to the version that is supported in the corresponding release of the updated Kendo UI for Angular package. The compatible Kendo Themes versions can be found in our Changelogs article linked below:
For reference, here are the supported versions of the Kendo Themes package for v14.2.0 of our library:
Please try the above suggestions and let me know how it goes.
Regards,
Zornitsa
Progress Telerik