search

homerjam / angular-ui-router-anim-in-out

An animation directive to use with ngAnimate 1.2+ and ui-router
http://homerjam.github.io/angular-ui-router-anim-in-out/
234 stars 49 forks source link

Duplicating ui-view block #1

Closed ArthurianX closed 10 years ago

ArthurianX commented 10 years ago

Hello,

I didn't realize it was so hard to have animations running with ui-router, I've been scouring the net for the last 3 hours ...

Eventually I stumbled over this, but my problem is that the blocks that get switched, are not cleaned up.

https://www.dropbox.com/s/43jofc76vg2lzhx/Screenshot%202014-01-23%2000.11.08.png

homerjam commented 10 years ago

Hello

I can't see any issues in the screenshot - what versions are you using? Could you make a plunkr perhaps? Does the example work for you?

On a side note - you don't actually need to use a directive like this - ui-router should work with just the CSS as shown in the ngAnimate documentation here. I made this because I needed to trigger events 'mid' transition (reset scroll position etc).

ArthurianX commented 10 years ago

now that you say, I think I have a problem of a different nature, even when using simple ngAnimate all the elements that have animation classes on them, ngAnimate puts "transition: none; -webkit-transition: none" as inline style and DUPLICATES the elements, and it remains in the DOM.

It should delete the back element on the animation end, but it's stuck,

I'm gonna start fresh on a boilerplate and work my way to the problem.

It's been nagging me this entire day! :)

I think we can close this.

Thanks, Sorry ;)

ArthurianX commented 10 years ago

Yes, found the issue, I had to systematically disable every library and comment every piece of code until I found what was causing the issue.

angular-mocks was included in the build, not in the test config, (facepalm)... and that stufffff created that extremly LOCALIZED problem, absurd, I tell you :), but it works.