Neon animation in dom-repeat

[John Brosan]

Hello everyone,

 I'm having a bit of an issue with animating an item in a dom-repeat. I dynamically update the animation config and I can get newly added items to animate correctly. However, when I want to delete an item, the animation does not play unless I force a render(). The problem is that when I force the render other elements seem to be animating as well. Debugging in Chrome shows the animation playing as it should, but when the breakpoints are disabled it seems as though no animation is played and the item just disappears. 

I commented out the splice and the item animates correctly, but since its still in the array, its re-rendered.

Any help and suggestions would be most appreciated.

Here is the delete method

_doDeleteItem: function(e) {
  var obj = this.remarks[e.model.index];
  this._remarkIndex = _.indexOf(this.remarks, obj);

  this.toggleDelete(e);

  this._renderRepeatItemOut(this._remarkIndex);
  this.playAnimation('closeRemark');


  this.splice('remarks',this._remarkIndex, 1);

}