3

My website works fine on Chrome, Safari and Firefox, but for some reason is completely unusable on MS Edge. It freezes up, the styles are not being applied correctly, and the top bar jumps all over the place.

I have all the required Polyfills loaded.

Edit: Here's the source code.

Hubert
  • 485
  • 7
  • 14
  • Are you receiving any errors in your Edge console – Niklas Feb 14 '18 at 13:06
  • After replacing it with `webcomponents-loader.js`, the page stops loading at an earlier stage, but displays an error in the console: "Could not complete the operation due to error 80020101". The error is coming from a dependency (`iron-icon`). [This SO thread](https://stackoverflow.com/questions/10903989/could-not-complete-the-operation-due-to-error-80020101-ie) mentions a similar problem. In this case it was related to the JS comment style used, but I don't know what causes it in my project yet. – Hubert Feb 14 '18 at 13:37
  • I just wanted to take a look but currently, this URL https://next.suttacentral.net/ is completely broken in Chrome (using v61) as well? – daKmoR Feb 27 '18 at 22:04
  • It's working great on the current versions of Chrome, Safari and Opera, this question is about MS Edge. – Hubert Feb 28 '18 at 23:47
  • I know I just wanted to compare how it should look like and what it looks like in Edge... but at least for me, I can't as it's not looking nice on Chrome as well... – daKmoR Mar 01 '18 at 11:24

1 Answers1

0

I faced similar problems in the past and never found out what exactly caused it. What I would advise you to test is replacing webcomponents-light with webcomponents-loader.

<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>

Make sure that you empty the cache and maybe disable the service worker for testing.

approxiblue
  • 6,982
  • 16
  • 51
  • 59
Niklas
  • 1,142
  • 16
  • 33
  • I switched to `webcomponents-loader` and, while it seems to improve performance on Firefox, it did nothing for my Edge problems. – Hubert Feb 26 '18 at 12:31