ngAnimate not working on child elements when using tags input

Hi,

The usage of ngTagsInput disables animation on child elements inside of a ng-repeat. The parent element is animated but not the child element.

Scenario

1. The controller contains an array with some JSON objects.
2. This list is printed out with the ng-repeat
3. The
   with the ng-repeat has the class "item"
4. Inside this div there is another div with the class "item-container"
5. Inside the item container are some other elements and also the tags-input

The CSS includes some animations (with ngAnimate):

1. .item => .ng-enter and .ng-enter-active are used to animate the opacity
2. .item-container => .ng-enter and .ng-enter-active on the parent are used to animate margin-top

The animation on .item is working. The animation on .item-container is working fine without tags-input. The animation is not working on .item-container if it contains the tags-input.

I've made a simple example that shows the bug: https://jsfiddle.net/vun289h6/

Frameworks / Libraries

• jQuery 3.2.1
• AngularJS 1.5.7
• angular-animate 1.5.7
• ngTagsInput 3.2.0

Browsers:

• Chrome 60.0.3112.101
• Safari 10.0.3
• Firefox 54.0.1