Ensure the KendoReact components work inside the Shadow DOM

[simonssspirit]

Ensure the KendoReact components work inside the Shadow DOM:

• Inside Shadow DOM - DatePicker Calendar has missing elements. #625
• React grid component don't render properly under shadow-dom. #425
• Inside Shadow DOM - Combobox events fire with event.value as undefined. #624
• Inside Shadow DOM - Scrolling the Grid horizontally does not scroll the header. #623
• react-ui Calendar strange scroll behavior #574

[Xizario]

Posting an update here:

The Popup problems are now resolved. Use https://www.telerik.com/kendo-react-ui/components/popup/global-context/ to set the appendTo at some particular part of your DOM for versions 4.2.0 and later.

What need to be done now is to swap all font icons with SVG icons from our new package.

[kdikov82]

One more issue with the DatePicker in shadow DOM is with entering values with the keyboard. On each change, the cursor goes to the last position:

• https://codesandbox.io/s/dawn-dew-2gc43g?file=/app/main.tsx

[telam]

Any update on how this is progressing? I am currently working on a web application that is implementing both Kendo UI for Jquery and React.