[0.8] getDistributedNodes() does not update when distributed content changes

[atotic]

_distributedNodes array does not get updated when underlying nodes are added/removed.

If you start off with:

    <dom-module id="bug-distributor">
      <template>
        <content id="pcontent" select="p"></content>
      </template>
    </dom-module>

    <bug-distributor>
      <p>Paragraph 1</p>
      <p>Paragraph 2</p>
      <p>Paragraph 3</p>
    </bug-distributor>

bug-distributor.getDistributedNodes().length is 3.

Then you remove all the distributed nodes:

document.querySelectorAll('p').forEach( p.remove())

bug-distributor.getDistributedNodes().length is 3, should be 0.

Is there a workaround, call one can make to update the list of distributedNodes?

[arthurevans]

I think you should be using Polymer.dom to remove the nodes.

[atotic]

I've tried using Polymer.dom, same result.

    var allPs = document.querySelectorAll('p');
    Array.prototype.forEach.call( allPs, function(p) {
      Polymer.dom((Polymer.dom(p).parentNode)).removeChild(p);
    });

[arthurevans]

Ah, sorry. I see what's wrong. These operations may be async, so you need to call flush() after removing the children.

Call Polymer.dom.flush() before calling getDistributedNodes the second time:

http://jsbin.com/rusoro/4/edit?html,console,output

I think this was just shorthand in your description, but I believe that getDistributedNodes needs to be called on the content node, not the host element.

On async operations: see the note here:

https://www.polymer-project.org/0.8/docs/devguide/local-dom.html#dom-api

These notes are a little hard to read. I'll try and figure out a way to make this more prominent.

[atotic]

Thanks for helping out with this. Still not quite up to speed with Polymer dom.