Merge pull request #61 from webcomponents/last-instance-is

Fix last spot where element.is is checked

Author: dfreedm

scoping-shim.min.js

@@ -303,7 +303,7 @@ class StyleProperties {
       return;
     }
     let {is, typeExtension} = StyleUtil.getIsExtends(scope);
-    let hostScope = scope.is ?
+    let hostScope = is ?
       StyleTransformer._calcHostScope(is, typeExtension) :
       'html';
     let parsedSelector = rule['parsedSelector'];

scoping-shim.min.js.map

@@ -304,6 +304,19 @@
   <slot></slot>
 </template>
 
+<template id="self-test">
+  <style>
+    :host {
+      --border: 10px solid rgb(123, 123, 123);
+    }
+
+    a {
+      border: var(--border);
+    }
+  </style>
+  <a>I should be red.</a>
+</template>
+
 <script>
 (function() {
   function assertComputed(element, value, property, pseudo) {
@@ -688,6 +701,15 @@
       document.body.removeChild(e2);
     });
 
+    test('self-use is supported', function() {
+      makeElement('self-test');
+      var e = document.createElement('self-test');
+      document.body.appendChild(e);
+      flush();
+      assertComputed(e.shadowRoot.firstElementChild, '10px');
+      document.body.removeChild(e);
+    });
+
   });
 
 })();