Kendo react components and the website demonstrating it not working in IE 11

[Vinod]

Hi,

Kendo React UI components (in my application) and the website (https://www.telerik.com/kendo-react-ui/components/popup/) demonstrating them are not working properly (Only in IE - I am using IE 11). Please see the screenshots attached, it could be observed that nothing is displayed in the example screen and I am not able to navigate to STACKBLITZ when clicking the link.

 

Regards,

Vinod 

 

[Stefan]

Hello, Vinod,

Currently, the site is not working under IE 11.

As React its self is working on IE 11 only with a combination of many polyfills, the focus on the supporting IE 11 is smaller.

Still, the components should be working as expected, the issue is connected with the site.

Please share an example where the components has issue in IE 11 and I will be happy to investigate further.

Regards,
Stefan
Progress Telerik

[Vinod]

I downloaded the sample from the url given here: 

https://www.telerik.com/kendo-react-ui/components/popup/

Built this sample in my local and it ran in the Chrome as expected, but the same example wouldn't work in IE. 

To reproduce the issue in your example in your environment, you can use the same sample given in the url above that I took from your Telerik website. 

Regards,

Vinod 

[Stefan]

Hello, Vinod,

I have downloaded the example and after adding the required polyfills it was working as expected.

When making a React application which will be used on IE 11, please ensure that the polyfills are imported:

https://www.npmjs.com/package/react-app-polyfill#internet-explorer-11

Regards,
Stefan
Progress Telerik

[Vinod]

Stefan, 

I agree that the above example works in the Stackblitz environment. To reproduce it or to see it not working in the IE11, you could download the code given in the link above, run through your local Visual Studio Code IDE and see the output in IE11. This ought to reproduce the issue in your local. 

Testing this in Visual Studio Code IDE should be a good idea as this is the IDE we use for development.

[Stefan]

Hello, Vinod,

The example which I have attached in my previous reply is locally runnable and I did use VS code to make and run the example.

Did you tested the attached example on IE 11 after making npm install and npm start?

Regards,
Stefan
Progress Telerik

[Bryce]

I'm evaluating Kendo React for my company.We provide enterprise SaaS to large financial firms. IE 11 is still the majority browser for our client base. So it troubles me when I read that "the focus on the supporting IE 11 is smaller." Does Kendo React fully support IE 11 as is claimed on the website? Thanks!

[Stefan]

Hello, Bryce,

The support of Internet Explorer 11 depends on the polyfills as React itself relies on them.

Everything that is working in React with polyfill will work with our components as well.

Currently, the only known feature that has a limitation on IE 11 is the locked columns of the Grid as they use the `sticky` CSS rule, which is not supported by the browser.

We have many customers that are supporting IE 11 and with the correct polyfills, the components are working as expected.

If you encounter any issue during the evaluation, please let us know and we will be happy to investigate.

Regards,
Stefan
Progress Telerik

[Bryce]

Thank you, Stefan. Very helpful and prompt response.