Unplanned
Last Updated: 21 May 2020 08:11 by ADMIN
John
Created on: 14 May 2020 15:01
Category: Kendo UI for Angular
Type: Feature Request
20
Full shadowDom compatability for Kendo Controls

In the Kendo ComboBox, the selection part is not working with shadow dom.

1. Reproduction:

Please look at the below links,

With ShadowDOM:

https://stackblitz.com/edit/angular-evkasb?file=app%2Fapp.component.ts

Without ShadowDOM:

An example is provided in the below link under 'ENABLING SUGGESTION' section

https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/suggestions/

 

Expected Result:

When user type 'C', the first word starts with C in the list 'Croatia' is suggested and 'roatia' is selected. But as soon as I type 'y' next to 'c', the combo box is suggesting 'Cyprus' and 'prus' should be selected

 

Actual Result:

As soon as I type the first word starts with C in the list is 'Croatia' is populated in the Combobox and 'roatia' is NOT selected. So the user cannot type ‘y’ in this case. But the user wants to select ‘CYPRUS’ but 'Croatia' is filled as the input and Cyprus is not suggested.

I have attached the video for the difference between with/without shadow dom.

Also, If you need any additional information, I have created a support ticket:

Ticket ID: 1465593

 

Attached Files:
1 comment
ADMIN
Svet
Posted on: 21 May 2020 08:11

Hi John,

Thank you for the provided details.

In general, the usage of shadow dom isn't currently fully supported. In order to demonstrate the limitations with it we will proceed with adding a dedicated article on the topic supported with an example project.

About the demonstrated behavior for the ComboBox, it does look weird and we will check if that is a part of the known limitations when using shadow dom or if it is caused by a bug on our side.

Thank you for the provided feedback once again.

Regards,
Svetlin
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.