Skip to content
This repository has been archived by the owner on Dec 21, 2018. It is now read-only.

Site does not load (whitescreen) on IE11 #29

Closed
Splaktar opened this issue Oct 27, 2016 · 6 comments
Closed

Site does not load (whitescreen) on IE11 #29

Splaktar opened this issue Oct 27, 2016 · 6 comments
Assignees
Labels

Comments

@Splaktar
Copy link

It looks like an exception is causing the site to just be a white screen and fail to load on IE11.

SCRIPT5007: Unable to get property 'replace' of undefined or null reference
base-bundle.js (16520,9)
``
@Splaktar Splaktar added the bug label Oct 27, 2016
@Splaktar Splaktar self-assigned this Oct 27, 2016
@Splaktar
Copy link
Author

Splaktar commented Oct 27, 2016

I tried casting the strings via String(this.constructor.name).replace(... but that doesn't work because it tries to register the custom element as <undefined> instead of using something like <app-data>.

So I tried updating to the master version of Vulcanize, but that didn't help at all.

The root cause seems to be that it is trying to register custom elements before the template polyfill is fully initialized and available.

This seems like an obvious issue that Vulcanize is designed to avoid, but it's not. Vulcanize also seems to be in a bad state atm with the last 3 releases (1.14.9-1.4.11) being unpublished from npm due to bugs and no new release since 1.4.8 in March 2016. It also has no commits since July 2016, so it would seem that it is no longer supported with the polymer-cli being preferred?

Other related issues:
https://github.com/Polymer/vulcanize/issues/223
Polymer/polymer#2707
webcomponents/webcomponentsjs#362
Polymer/polymer#2682

It may be fixed in a newer version of Polymer, but that brings with it tons of breaking changes that we don't have time to resolve.

We're already on the latest polyfills (webcomponents 0.7.22).

@Splaktar
Copy link
Author

I've also verified that the fix for Chrome breaking due to web-animations-js didn't cause this regression.

@Splaktar
Copy link
Author

https://ohiodevfest.com/ also has this problem on failing to load on IE11.

@Splaktar
Copy link
Author

Splaktar commented Oct 27, 2016

https://devfest.gdgseattle.org/ does not have this issue since they are based on the latest Hoverboard 1.x+ which uses polymer-cli and a newer version of Polymer. IE11 is still really slow, but it at least renders the site.

Unfortunately, there are major breaking changes and the site has to almost be rebuilt from scratch to move to this version. That's not something we're looking forward to when the conference is in a week.

@Splaktar
Copy link
Author

I’m going to just show the following message on IE browsers rather than spend more time (already hours spent) trying to support them this close to the event: Your browser is unsupported. Please upgrade to Chrome or Firefox to use our site. with Chrome and Firefox being links to their download sites.

@Splaktar
Copy link
Author

915c995 displays the error for IE only, not Edge.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

1 participant