ComboBox issues when filtering and scrolling outside

[Haris]

Hello,

 

I am currently using the Kendo UI ComboBox widget in terms of a demanding Angular4 project and am facing the below issues:

1. The ComboBox is at the bottom of the page. When I open it, it is displayed as usual (and that's fine!). However, when I filter its content, the ComboBox does not respond as intended. Its expanded list does not appear exactly above the ComboBox. It remains where it was initially and there is a gap between the list and the ComboBox. Please take a look at the 3 screenshots attached in order to get a better understanding.

2. The response time for the scrolling action (outside the expanded list) seems to be much longer than it was expected. The expanded list remains for some seconds above the ComboBox. After that, the expanded list appears below the ComboBox. It is not possible to upload a screenshot for this case as it has to do with the time the expanded list needs to appear where it should without such a long delay. 

 

Sorry for the Greek language used in the screenshots and thank you very much in advance!

[Dimiter Topalov]

Hello Haris,

It seems that you are affected by the following issue:

https://github.com/telerik/kendo-angular/issues/1101

It in turn was caused by this Angular issue:

https://github.com/angular/angular/issues/19094

We released a fix, so please update to the latest versions of our packages (note that versions 2.x+ require RxJS 5.5.x) and let us know whether the issue is resolved on your end too.

If the issue persists, please send us a Plunker or an isolated runnable project where we can inspect the specific setup, determine what is causing the undesired behavior, and what further adjustments can we perform to fix it. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik

[Haris]

Hi Dimiter,

i updated the packages, but the @angular/animations version is 5.2.7 and then i get this error "Metadata version for module  ...\node_modules\@angular\animations.d.ts found version 4, expected 3.

I found this https://stackoverflow.com/questions/47115649/metadata-version-mismatch-with-angular-4

Does that mean i need to upgrade to angular 5? Because i need my project to stay on angular 4.

With Regards,
Haris

[Dimiter Topalov]

Hello Haris,

Kendo UI for Angular packages support the official LTS and latest official versions of Angular (4.4.6 and 5.x). You can use Angular 4.4.6, but please make sure that you are using the same version of all Angular packages (if this needs to be Angular 4, upgrade/downgrade all Angular packages such that they are version 4.4.6).

I hope this helps, but if the issue persists, please send us an isolated runnable sample where we can observe the described error and try to determine what might be causing it, and what combination of versions of the various libraries can resolve it. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik