{"action":"created","issue":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1518","repository_url":"https://api.github.com/repos/NativeScript/nativescript-angular","labels_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1518/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1518/comments","events_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1518/events","html_url":"https://github.com/NativeScript/nativescript-angular/issues/1518","id":360542950,"node_id":"MDU6SXNzdWUzNjA1NDI5NTA=","number":1518,"title":"Animation transition void => * doesn't work on the first page","user":{"login":"andreypelykh","id":10947577,"node_id":"MDQ6VXNlcjEwOTQ3NTc3","avatar_url":"https://avatars3.githubusercontent.com/u/10947577?v=4","gravatar_id":"","url":"https://api.github.com/users/andreypelykh","html_url":"https://github.com/andreypelykh","followers_url":"https://api.github.com/users/andreypelykh/followers","following_url":"https://api.github.com/users/andreypelykh/following{/other_user}","gists_url":"https://api.github.com/users/andreypelykh/gists{/gist_id}","starred_url":"https://api.github.com/users/andreypelykh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andreypelykh/subscriptions","organizations_url":"https://api.github.com/users/andreypelykh/orgs","repos_url":"https://api.github.com/users/andreypelykh/repos","events_url":"https://api.github.com/users/andreypelykh/events{/privacy}","received_events_url":"https://api.github.com/users/andreypelykh/received_events","type":"User","site_admin":false},"labels":[{"id":685724539,"node_id":"MDU6TGFiZWw2ODU3MjQ1Mzk=","url":"https://api.github.com/repos/NativeScript/nativescript-angular/labels/animations","name":"animations","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-09-15T14:04:02Z","updated_at":"2019-11-02T01:38:45Z","closed_at":null,"author_association":"NONE","body":"### If there is no issue for your problem, tell us about it\r\nI want to use this simple animation:\r\n\r\n```typescript\r\nanimations: [\r\n  trigger('flyInOut', [\r\n    state('in', style({ transform: 'translateX(0)' })),\r\n    transition('void => *', [\r\n      style({ transform: 'translateX(100)' }),\r\n      animate(1000)\r\n    ]),\r\n    transition('* => void', [\r\n      animate(1000, style({ transform: 'translateX(-100)' }))\r\n    ])\r\n  ])\r\n]\r\n```\r\n\r\nI try to setup it in a component which is rendered on the default route and the animation doesn't fire. Transition` 'void => *'` doesn't work on the first load.\r\n`@flyInOut.start` and `@flyInOut.done` events occur properly, but animation is not visible in the view. And animated element remains in `transform: 'translateX(100)'` state.\r\n\r\nThe problem occurs only on Android.\r\n\r\n### Please, provide the following version numbers that your issue occurs with:\r\n\r\n- CLI: 4.2.3\r\n- Cross-platform modules: 4.2.0\r\n- Runtime(s): 4.2.0\r\n- Plugin(s): \r\n```\r\n  \"dependencies\": {\r\n    \"@angular/animations\": \"~6.1.0\",\r\n    \"@angular/common\": \"~6.1.0\",\r\n    \"@angular/compiler\": \"~6.1.0\",\r\n    \"@angular/core\": \"~6.1.0\",\r\n    \"@angular/forms\": \"~6.1.0\",\r\n    \"@angular/http\": \"~6.1.0\",\r\n    \"@angular/platform-browser\": \"~6.1.0\",\r\n    \"@angular/platform-browser-dynamic\": \"~6.1.0\",\r\n    \"@angular/router\": \"~6.1.0\",\r\n    \"nativescript-angular\": \"^6.1.0\",\r\n    \"nativescript-theme-core\": \"~1.0.4\",\r\n    \"reflect-metadata\": \"~0.1.10\",\r\n    \"rxjs\": \"^6.0.0\",\r\n    \"tns-core-modules\": \"^4.2.0\",\r\n    \"zone.js\": \"^0.8.26\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular/compiler-cli\": \"~6.1.0\",\r\n    \"@ngtools/webpack\": \"~6.2.0\",\r\n    \"@types/chai\": \"~4.1.3\",\r\n    \"@types/mocha\": \"~5.2.1\",\r\n    \"@types/node\": \"^7.0.5\",\r\n    \"babel-traverse\": \"6.25.0\",\r\n    \"babel-types\": \"6.25.0\",\r\n    \"babylon\": \"6.17.4\",\r\n    \"lazy\": \"1.0.11\",\r\n    \"nativescript-css-loader\": \"~0.26.0\",\r\n    \"nativescript-dev-appium\": \"next\",\r\n    \"nativescript-dev-typescript\": \"^0.7.3\",\r\n    \"nativescript-dev-webpack\": \"^0.16.0\",\r\n    \"typescript\": \"~2.7.2\"\r\n  },\r\n```\r\n\r\n### Please, tell us how to recreate the issue in as much detail as possible. \r\nLaunch playground app on android device.\r\n\r\n### Is there any code involved? \r\nhttps://play.nativescript.org/?template=play-ng&id=ZoWGlW"},"comment":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/comments/548998202","html_url":"https://github.com/NativeScript/nativescript-angular/issues/1518#issuecomment-548998202","issue_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1518","id":548998202,"node_id":"MDEyOklzc3VlQ29tbWVudDU0ODk5ODIwMg==","user":{"login":"rynop","id":372730,"node_id":"MDQ6VXNlcjM3MjczMA==","avatar_url":"https://avatars0.githubusercontent.com/u/372730?v=4","gravatar_id":"","url":"https://api.github.com/users/rynop","html_url":"https://github.com/rynop","followers_url":"https://api.github.com/users/rynop/followers","following_url":"https://api.github.com/users/rynop/following{/other_user}","gists_url":"https://api.github.com/users/rynop/gists{/gist_id}","starred_url":"https://api.github.com/users/rynop/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rynop/subscriptions","organizations_url":"https://api.github.com/users/rynop/orgs","repos_url":"https://api.github.com/users/rynop/repos","events_url":"https://api.github.com/users/rynop/events{/privacy}","received_events_url":"https://api.github.com/users/rynop/received_events","type":"User","site_admin":false},"created_at":"2019-11-02T01:38:45Z","updated_at":"2019-11-02T01:38:45Z","author_association":"NONE","body":"Thanks that worked, but man that is a bummer to have to manage state for every animation on page load.\r\n\r\n@NickIliev is your gut feel that this is a hard fix? Or is this just low priority.."}}
{"actor":{"display_login":"rynop"}}