This is a migrated thread and some comments may be shown as answers.

Issue with webcomponents.js

4 Answers 97 Views
Integration with other JS libraries
This is a migrated thread and some comments may be shown as answers.
Tsvetelin
Top achievements
Rank 1
Tsvetelin asked on 20 Jan 2016, 12:03 PM

Hi forum,
I'm interested in the use of Kendo UI widgets the WebComponent way, and also supporting IE11+.
In Chrome, without loading the polyfills everything is pretty neat and straight forward.
The problem comes when I import the  webcomponents.js library. In both browsers I get the "white screen of death" i.e. white screen, no errors, no exceptions in the console. I import the polyfill as it should be - the first <script> tag on page.
Here is my set-up:
Kendo UI: 2016.1.112;
OS Name: Microsoft Windows 8.1 Enterprise
OS Version: 6.3.9600 N/A Build 9600
IE v11.0.9600.18098
IE update v11.0.25 (KB3100773)
Chrome v47.0.2526.111 m (64-bit)
jQuery v1.9.1
webcomponents.js v0.7.20

4 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 21 Jan 2016, 02:24 PM

Hello Tsvetelin,

Can you please provide a sample page (for example via a Dojo snippet) so that we can investigate?

Regards,
Alex Gyoshev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Tsvetelin
Top achievements
Rank 1
answered on 21 Jan 2016, 04:43 PM

Hello again,

So apparently I've left the <body unresolved>, which is polymer specific, and caused the white screen.

But now I've encountered a new problem, when I try to set any dataSource. (only in IE).

Here are my snippets 

exhibit A: http://dojo.telerik.com/EqibE/2

exhibit B: http://dojo.telerik.com/awuZO

Thanks in advance.

0
Alex Gyoshev
Telerik team
answered on 25 Jan 2016, 04:21 PM

Hello Tsvetelin,

Thank you for the reproduction case. We are currently investigating the issue and will follow up with more information as it becomes available.

Regards,
Alex Gyoshev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alexander Popov
Telerik team
answered on 26 Jan 2016, 11:36 AM
Hi Tsvetelin,

The reason for this behavior is that Internet Explorer executes the custom element's attachedCallback too late - even after the DOMContentLoaded event. I have logged this in our public GitHub repository, so you can track its status here.

I have updated your Telerik points as a sign of appreciation for bringing this to our attention.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Integration with other JS libraries
Asked by
Tsvetelin
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Tsvetelin
Top achievements
Rank 1
Alexander Popov
Telerik team
Share this question
or