$animate with ngShow is not working properly when used with Angular Material

[ThomasBurleson]

The Plunker Demo shows a Form used with ngShow and custom directives/transcludes.

• If the module ['ngMaterial'] is not included, the Form displays properly
• If the module ngMaterial is included, the Form is not displayed
• .ng-hide is never removed
• If the module ngMaterial is included and a custom ng-show directive is used, the Form is displayed.
• see script.js for the ngShowDirective override
• $animate is not used. Instead element.remove() is used.

This issue references angular/material#3941.

Is this a known $animate bug with remove/add class ? Why would $animate work when ngMaterial is NOT a dependency?

[Narretz]

Hi @ThomasBurleson , thanks for labeling the issue. You should also set the milestone if you know in which timeframe exactly this'll be handled. If it's not clear if this is an angular issue, put it in Purgatory.

[ThomasBurleson]

@Narretz - While I think this issue hints at a serious subtle bug (either in $animate or Angular Material), I do not want to presume which milestone should be targeted.

[matsko]

There's currently a bug with ngShow in Angular 1.4 that I'm looking into. It's preventing me from releasing 1.4.4. I will reply later today when I have more info on the situation.

[matsko]

The snapshot version of Angular has fixed this: http://plnkr.co/edit/hQ2Q6y5Qi72fePI1VrUl?p=preview

There are still some animation issues with ngShow that I'm fixing, but this issue is good.

[ThomasBurleson]

@matsko - I do not understand your comment.

• Does the latest code in master already have fixes for this?
• Do you have a specific commit that fixes this?

BTW, what is a snapshot version ? Is that the most current HEAD build on master ?

[sreeramu]

@ThomasBurleson you are correct snapshot version is most current HEAD build on master.

[matsko]

snapshot = latest build on master: https://code.angularjs.org/snapshot/angular.js