Now, I'm having another small issue, since these child elements have position absolute, they are no longer in the document flow. Hence, I'm not able to control the height of the error box container (the parent element). The issue now I'm facing is, the parent should have 100% height so that the errors (when ng-hide) have, say 15px height but then errors have ng-show, height increases to 26px dropping the input field below it. Is there a way to approach the animation without using position absolute???
On Monday, January 13, 2014 1:54:59 PM UTC-8, Srikar Shastry wrote: > > I'm creating a form in angularjs in which there are two ngShow for error > messages. Now, I want to crossfade these two messages placing them in the > same spot. But, i'm not sure how to get it. > > Here is the plunker link: > http://plnkr.co/edit/EcT2oOmClz65WUgXgG4g?p=preview > > I'm using 1.2.4 and linked the ng-animate lib. Right now the animation > (fading in/out) is achieved using CSS not JS. > > > Any help please? > > > Thank you. > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out.
