{"action":"created","issue":{"url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/18","labels_url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/18/labels{/name}","comments_url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/18/comments","events_url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/18/events","html_url":"https://github.com/cgwyllie/angular-velocity/issues/18","id":58820461,"number":18,"title":"Complete CB Interferes with UI-Router Transitions","user":{"login":"juddam","id":1648455,"avatar_url":"https://avatars.githubusercontent.com/u/1648455?v=3","gravatar_id":"","url":"https://api.github.com/users/juddam","html_url":"https://github.com/juddam","followers_url":"https://api.github.com/users/juddam/followers","following_url":"https://api.github.com/users/juddam/following{/other_user}","gists_url":"https://api.github.com/users/juddam/gists{/gist_id}","starred_url":"https://api.github.com/users/juddam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juddam/subscriptions","organizations_url":"https://api.github.com/users/juddam/orgs","repos_url":"https://api.github.com/users/juddam/repos","events_url":"https://api.github.com/users/juddam/events{/privacy}","received_events_url":"https://api.github.com/users/juddam/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-02-24T23:00:20Z","updated_at":"2015-04-02T23:49:42Z","closed_at":"2015-03-02T16:14:05Z","body":"*This is probably more a question or enhancement, so apologies in advance if not the right forum*\r\n\r\nI'm trying to use angular-velocity + VelocityUI in conjunction with UI-Router to transition views. One thing prohibiting this is how certain transitions apply inline transforms that remain on the element (e.g. slideUpIn leaves `transform: translateY(0px);` after completion).\r\n\r\nThis results in some undesirable css conflicts, especially when there is a `position: fixed;` element within the transitioned container.\r\n\r\nWhile maybe nuanced, it also seemed like transitioning to a new view with a fixed header/toolbar is a common pattern in app-like projects.\r\n\r\nI tried to resolve by setting up a function to simply remove the style attribute on completion, but realized that doing so then prohibited the UI-Router from removing the ui-view from the DOM, which is more problematic.\r\n\r\n[Here is a link to demo behaviors](http://codepen.io/juddam/pen/jExvEN/)\r\n*1. Notice that if you remove the transform property, position: fixed works again*\r\n*2. The ui-view element is not removed when calling Velocity complete fn*\r\n\r\nIdeally there would be a way to remove inline styles after completion that would not interfere with UI-Router.\r\n\r\n```html\r\n<div\r\n\tui-view=\"main\"\r\n\tclass=\"velocity-opposites-transition-slideUpIn\"\r\n\tdata-velocity-opts=\"{duration: 4000, complete: onVelocityComplete($id)}\"\r\n\t>\r\n</div>\r\n```\r\n\r\n```javascript\r\n$scope.onVelocityComplete = function($id) {\r\n    $('[ui-view][data-el-id=' + $id + ']').attr('style', '');\r\n}\r\n```\r\n\r\nThis is likely more a Velocity / UI-Router conflict, but figured I would start by asking here.\r\n\r\nLet me know if I'm missing something or there is another solve."},"comment":{"url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/comments/89082872","html_url":"https://github.com/cgwyllie/angular-velocity/issues/18#issuecomment-89082872","issue_url":"https://api.github.com/repos/cgwyllie/angular-velocity/issues/18","id":89082872,"user":{"login":"juddam","id":1648455,"avatar_url":"https://avatars.githubusercontent.com/u/1648455?v=3","gravatar_id":"","url":"https://api.github.com/users/juddam","html_url":"https://github.com/juddam","followers_url":"https://api.github.com/users/juddam/followers","following_url":"https://api.github.com/users/juddam/following{/other_user}","gists_url":"https://api.github.com/users/juddam/gists{/gist_id}","starred_url":"https://api.github.com/users/juddam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juddam/subscriptions","organizations_url":"https://api.github.com/users/juddam/orgs","repos_url":"https://api.github.com/users/juddam/repos","events_url":"https://api.github.com/users/juddam/events{/privacy}","received_events_url":"https://api.github.com/users/juddam/received_events","type":"User","site_admin":false},"created_at":"2015-04-02T23:49:42Z","updated_at":"2015-04-02T23:49:42Z","body":"Thanks @cgwyllie -- had forgotten about one time binding.\r\n\r\nYeah, 'view-transitions' were an entirely different beast than 'element-animations'.\r\n\r\nGodspeed, and thanks!"}}