fixed components on edge

Yehonal · Yehonal · commit 6facc552fb83 · 2016-10-22T09:27:48.000+02:00
diff --git a/index.html b/index.html
@@ -9,9 +9,7 @@
 
         <base href="/">
 
-        <script src="modules/bower_components/webcomponentsjs/webcomponents.min.js"></script>
-
-
+        <script src="modules/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
         <script src="src/assets/web/assets/jquery/jquery.min.js"></script>
         <script src="modules/angularjs/1_5/angular.js"></script>
         <script src="modules/angularjs/1_5/angular-route.js"></script>
diff --git a/src/components/main-header.html b/src/components/main-header.html
@@ -47,4 +47,6 @@
 
     </section>
 </template>
-<script>registerComponent("hw2site-header")</script>
+<script>
+    registerComponent("hw2site-header")
+</script>
diff --git a/src/hw2site.js b/src/hw2site.js
@@ -28,15 +28,16 @@ app.run(function($rootScope) {
     });
 });
 
-function registerComponent(name,withShadow) {
-    var mainDoc = document.currentScript.ownerDocument;
-    
+function registerComponent(name, withShadow) {
+    // native : polyfill
+    var mainDoc = document._currentScript ? document._currentScript.ownerDocument : document.currentScript.ownerDocument;
+
     var proto = Object.create(HTMLElement.prototype);
 
-    proto.createdCallback = function() {
+    proto.createdCallback = function () {
         var element = withShadow === true ? this.createShadowRoot() : this;
         // Grab DOM from doc.html's document.
-        var text = mainDoc.querySelector("#"+name);
+        var text = mainDoc.querySelector("#" + name);
         element.innerHTML = text.cloneNode(true).innerHTML;
     };
 
