{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/7059","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/7059/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/7059/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/7059/events","html_url":"https://github.com/driftyco/ionic/issues/7059","id":162321391,"number":7059,"title":"VirtualScroll rendering bug on first item","user":{"login":"beck24","id":738363,"avatar_url":"https://avatars.githubusercontent.com/u/738363?v=3","gravatar_id":"","url":"https://api.github.com/users/beck24","html_url":"https://github.com/beck24","followers_url":"https://api.github.com/users/beck24/followers","following_url":"https://api.github.com/users/beck24/following{/other_user}","gists_url":"https://api.github.com/users/beck24/gists{/gist_id}","starred_url":"https://api.github.com/users/beck24/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/beck24/subscriptions","organizations_url":"https://api.github.com/users/beck24/orgs","repos_url":"https://api.github.com/users/beck24/repos","events_url":"https://api.github.com/users/beck24/events{/privacy}","received_events_url":"https://api.github.com/users/beck24/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/platform:ios","name":"platform:ios","color":"0052cc"},{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"},{"url":"https://api.github.com/repos/driftyco/ionic/labels/virtualscroll","name":"virtualscroll","color":"5319e7"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-06-26T10:13:54Z","updated_at":"2016-07-17T09:59:04Z","closed_at":null,"body":"#### Short description of the problem:\r\nFirst item in some virtualscroll lists is positioned incorrectly.\r\n\r\n#### What behavior are you expecting?\r\nItems should look the same as using a non-virtualscroll ion-list\r\n\r\n\r\n**Steps to reproduce:**\r\n1. View list as generated in the plunker\r\n2. \r\n3. \r\n\r\n```\r\n<ion-list *ngIf=\"loadingComplete\" [virtualScroll]=\"data\">\r\n\t\t<button ion-item *virtualItem=\"let item\">\r\n\t\t\t{{ item.title }}\r\n\t\t\t\r\n\t\t\t<p>\r\n\t\t\t\t{{ item.description }}\r\n\t\t\t</p>\r\n      \t\t\r\n      \t\t<ion-badge item-right>\r\n      \t\t\t{{ item.value }}\r\n      \t\t</ion-badge>\r\n\t\t</button>\r\n\t</ion-list>\r\n```\r\n\r\n**Other information:** (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)\r\n\r\nhttps://forum.ionicframework.com/t/rendering-bug-with-virtual-list-items/55769\r\n \r\n\r\n**Which Ionic Version?** 1.x or 2.x\r\nIonic 2 Beta 9\r\n\r\n#### Plunker that shows an example of your issue\r\nI couldn't get plunker to show the same rendering bug my app has, but it creates a slightly different one\r\n\r\nWith virtualscroll: http://plnkr.co/edit/MIzUzNfogZrGVrxDDXwP?p=preview\r\nWithout virtualscroll: http://plnkr.co/edit/xHjwb5OLED4HO1qJ1B0X?p=preview\r\n\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\n\r\nYour system information:\r\n\r\nCordova CLI: 6.2.0\r\nGulp version:  CLI version 3.9.0\r\nGulp local:   Local version 3.9.1\r\nIonic Framework Version: 2.0.0-beta.9\r\nIonic CLI Version: 2.0.0-beta.30\r\nIonic App Lib Version: 2.0.0-beta.16\r\nios-deploy version: 1.8.2\r\nios-sim version: 5.0.3\r\nOS: Mac OS X El Capitan\r\nNode Version: v4.2.2\r\nXcode version: Xcode 7.3.1 Build version 7D1014\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/233174292","html_url":"https://github.com/driftyco/ionic/issues/7059#issuecomment-233174292","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/7059","id":233174292,"user":{"login":"Ritzlgrmft","id":2368119,"avatar_url":"https://avatars.githubusercontent.com/u/2368119?v=3","gravatar_id":"","url":"https://api.github.com/users/Ritzlgrmft","html_url":"https://github.com/Ritzlgrmft","followers_url":"https://api.github.com/users/Ritzlgrmft/followers","following_url":"https://api.github.com/users/Ritzlgrmft/following{/other_user}","gists_url":"https://api.github.com/users/Ritzlgrmft/gists{/gist_id}","starred_url":"https://api.github.com/users/Ritzlgrmft/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ritzlgrmft/subscriptions","organizations_url":"https://api.github.com/users/Ritzlgrmft/orgs","repos_url":"https://api.github.com/users/Ritzlgrmft/repos","events_url":"https://api.github.com/users/Ritzlgrmft/events{/privacy}","received_events_url":"https://api.github.com/users/Ritzlgrmft/received_events","type":"User","site_admin":false},"created_at":"2016-07-17T09:59:03Z","updated_at":"2016-07-17T09:59:03Z","body":"I have the same problem, in my list the buttons have the styles:\r\n\r\n    transform: translate3d(16px, 1px, 0px);\r\n    transform: translate3d(0px, 74px, 0px);\r\n    transform: translate3d(0px, 146px, 0px);\r\n    transform: translate3d(0px, 218px, 0px);"}}
{"actor":{"display_login":"Ritzlgrmft"}}