DropDownList doesn't update AngularJS model after search

[Taras]

Hello,

We use Kendo controls with AngularJS. If an user performs some search and then choose one of found items using keyboard, the Angular's model is not updated.

Steps to reproduce:

- open https://dojo.telerik.com/eledi

- select drop down and type 'item' in the input

- select one of found items using arrows buttons and press Enter

Result:

When Enter is pressed the 'close' event fired only.

'change' event is not fired and the model won't be updated.

See video https://www.screencast.com/t/ecce6h8EW for details.

 

As a temporary fix we trigger change event in 'close' handler:

                close: function (e) {
                    this.trigger('change');
                },
But this is not a good solution because each developer must remember about this issue.

Could you please provide more elegant workaround?

 

Thanks in advance!

[Dimitar]

Hi Taras,

Thank you for providing detailed steps for reproducing the issue. This is a known issue with R1 2018 release and it is already fixed for R1 2018 SP1, which is expected later this week.

Best regards,
Dimitar
Progress Telerik