Fix issue with redistribution when shadow is present

Fixes #432

Author: arv

src/ShadowRenderer.js

@@ -355,13 +355,13 @@
               // 1.3.2.2.1
               destributeNodeInto(pool[j], shadow);
             }
-
-          } else {
-            // 1.3.3
-            this.distributionResolution(shadowTree);
           }
+
+          // 1.3.3
+          this.distributionResolution(shadowTree);
         }
       }
+
       for (var child = node.firstChild; child; child = child.nextSibling) {
         this.distributionResolution(child);
       }
@@ -376,6 +376,8 @@
         var content = node;
         this.updateDependentAttributes(content.getAttribute('select'));
 
+        var anyDistributed = false;
+
         // 1.1
         for (var i = 0; i < pool.length; i++) {
           var node = pool[i];
@@ -384,13 +386,13 @@
           if (matches(node, content)) {
             destributeNodeInto(node, content);
             pool[i] = undefined;
+            anyDistributed = true;
           }
         }
 
         // 1.2
         // Fallback content
-        var distributedNodes = getDistributedNodes(content);
-        if (distributedNodes && distributedNodes.length === 0) {
+        if (!anyDistributed) {
           for (var child = content.firstChild;
                child;
                child = child.nextSibling) {

test/js/Document.js

@@ -49,7 +49,7 @@ htmlSuite('Document', function() {
 
   test('getElementsByTagName', function() {
     var elements = document.getElementsByTagName('body');
-    assert.isTrue(elements instanceof NodeList);
+    assert.isTrue(elements instanceof HTMLCollection);
     assert.equal(elements.length, 1);
     assert.isTrue(elements[0] instanceof HTMLElement);
 
@@ -58,7 +58,7 @@ htmlSuite('Document', function() {
     assert.equal(doc.body, elements.item(0));
 
     var elements2 = doc.getElementsByTagName('body');
-    assert.isTrue(elements2 instanceof NodeList);
+    assert.isTrue(elements2 instanceof HTMLCollection);
     assert.equal(elements2.length, 1);
     assert.isTrue(elements2[0] instanceof HTMLElement);
     assert.equal(doc.body, elements2[0]);

test/js/reprojection.js

@@ -192,7 +192,35 @@ suite('Shadow DOM reprojection', function() {
 
     testRender();
     testRender();
+  });
+
+  test('Regression 432', function() {
+    // https://github.com/Polymer/ShadowDOM/issues/432
+
+    var xFoo = document.createElement('x-foo');
+    xFoo.innerHTML = '<div>Hello</div>';
+    var div = xFoo.firstChild;
+
+    var xBarSr = xFoo.createShadowRoot();
+
+    var xFooSr = xFoo.createShadowRoot();
+    xFooSr.innerHTML = '<x-zot><content></content></x-zot><shadow></shadow>';
+    var xZot = xFooSr.firstChild;
+    var content = xZot.firstChild;
+    var shadow = xZot.lastChild;
+
+    xZotSr = xZot.createShadowRoot();
+    xZotSr.innerHTML = '<content></content>';
+    var content2 = xZotSr.firstChild;
+
+    xFoo.offsetWidth;
+
+    assertArrayEqual(content.getDistributedNodes(), [div]);
+    assertArrayEqual(shadow.getDistributedNodes(), [div]);
+    assertArrayEqual(content2.getDistributedNodes(), [div]);
+
+    assertArrayEqual(div.getDestinationInsertionPoints(), [content, content2]);
 
-   
+    assert.equal(getVisualInnerHtml(xFoo), '<x-zot><div>Hello</div></x-zot>');
   });
 });