How can i delete and deselect multiple items at once using an iron-list for Polymer 1.2.4?
<p>I have an iron-list where i want to provide the option to select multiple items and delete them at once. This is my <code>iron-list</code> with <code>multi-selection</code>:</p>

<pre><code>&lt;iron-list items="[[users]]" as="user" selected-items="{{selectedUsers}}" multi-selection&gt;
...
&lt;/iron-list&gt;
</code></pre>

<p>I have used forEach loop for selected items array:</p>

<pre><code>_deleteSelected: function(e) {
    this.selectedUsers.forEach(function(user) {
        var index = this.users.indexOf(user);
          if (index != -1) {
              this.splice('users', index, 1);
          }          
    }, this);

    this.querySelector('iron-list').clearSelection();

    console.log(this.selectedUsers);
}
</code></pre>

<p>In every loop i calculate the item's index in the main items array and then i use <code>this.splice('items', index, 1)</code> to delete it. After the loop ends i use this <code>this.querySelector('iron-list').clearSelection();</code> to clear my selections and move on. But my iteration fails since the loop seems to run only once no matter how many items i have selected. If i select only one item then it is removed correctly and the list gets refreshed. But sth strange happens here since the item that now has the same index as the one i have just removed appears to be checked. For example i have three items, i select the second one and remove it. Now second is the item which was third before but appears to be checked with no reason while the selected items array is empty as wanted. I guess those happen because of the arrays reference Polymer uses. How can i tackle this behaviour in iron-list selections? Is there a way to use just splice without having to clear the selected items array?</p>

<p>My full component example is <a href="http://jsbin.com/wuhuco/edit?html,output" rel="nofollow">here</a>.</p>