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);
}
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/d86c8300-192d-4180-b64f-2b7ed8b160f7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
