Material: input: ng-messages animation errors

[ThomasBurleson]

Visible with ng 1.5.x and 1.6.x

[EladBezalel]

Also happens on 1.5.5 - repro on 1.6.2 aswell

@topherfangio as the one who wrote this code, do you know what's going on?

[rw-bkew]

I am also seeing this in 1.1.3

[mckenzielong]

I've also seen the opposite where input errors can stick, _however I am having trouble duplicating in a codepen_. Here is a tiny code pen for demonstrating something similar to what @ThomasBurleson is showing:

https://codepen.io/mckenzielong/pen/qmZVyo

1. Show field
2. enter an invalid number (say 500)
3. click submit
4. hide field and reshow

[tamsler]

We are seeing this issue as well:
using:
Angular Material v1.1.4
Angular v1.6.4

[AnushaputtaUI]

I know this was a long ago but anyone know how to solve this issue?

[Splaktar]

@AnushaputtaUI no one has investigated this issue yet. If you'd like to look into it, I'd like to know what you find. If you can find a solution, then sending a PR would be great.

Verified that it still exists with AngularJS 1.7.0 and AngularJS Material 1.1.9 in this updated CodePen.

[marosoft]

This was implemented in ce5f7c2

This was to fix a problem with displaying the messages.
However I am not sure why this introduced showing warnings when ng-messages are not provided.

There are situations like the one provided in the demo where you just would like to highlight the problematic field but without showing any extra error messages.

I believe the fix required was in 4 lines (the rest was not really needed):
https://github.com/angular/material/commit/ce5f7c28770bd928afd31a33ee33000deb3311e6#diff-da06475ed96460fbcb944d6f1f31748aR1059

I will test it.

[marosoft]

Adding CodePen with my fix applied.

[marosoft]

Adding CodePen for the other issue #9468. Fix for the autocomplete introduced the warnings in the console. This is to show that the fix itself is still working fine after implementing my changes.