{"action":"created","issue":{"url":"https://api.github.com/repos/NativeScript/NativeScript/issues/2179","repository_url":"https://api.github.com/repos/NativeScript/NativeScript","labels_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/2179/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/2179/comments","events_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/2179/events","html_url":"https://github.com/NativeScript/NativeScript/issues/2179","id":156769422,"number":2179,"title":"icons in actionbar overlapping before load ","user":{"login":"firescript","id":1789978,"avatar_url":"https://avatars.githubusercontent.com/u/1789978?v=3","gravatar_id":"","url":"https://api.github.com/users/firescript","html_url":"https://github.com/firescript","followers_url":"https://api.github.com/users/firescript/followers","following_url":"https://api.github.com/users/firescript/following{/other_user}","gists_url":"https://api.github.com/users/firescript/gists{/gist_id}","starred_url":"https://api.github.com/users/firescript/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firescript/subscriptions","organizations_url":"https://api.github.com/users/firescript/orgs","repos_url":"https://api.github.com/users/firescript/repos","events_url":"https://api.github.com/users/firescript/events{/privacy}","received_events_url":"https://api.github.com/users/firescript/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-25T14:45:31Z","updated_at":"2016-05-25T16:06:40Z","closed_at":null,"body":"hey guys I have an action bar thats labels overlap on load then pop to the right spots when its loaded. Here is a video showing the issue.\r\n[teamreps nav bug.zip](https://github.com/NativeScript/NativeScript/files/282215/teamreps.nav.bug.zip)\r\n\r\nmarkup looks like this:\r\n\r\n```\r\n    <Page.actionBar>\r\n        <ActionBar>\r\n            <ActionBar.titleView>\r\n                <Label text=\"TEAMREPS\" class=\"logo\" />\r\n            </ActionBar.titleView>\r\n            <ActionBar.actionItems>                \r\n                <ActionItem ios.position=\"left\" tap=\"logout\">\r\n                    <ActionItem.actionView>\r\n                        \r\n                            <Label text=\"&#xf013;\" class=\"font-awesome-icon nav-icon\"  />\r\n                        \r\n                    </ActionItem.actionView>\r\n                </ActionItem>                \r\n                <ActionItem ios.position=\"right\" tap=\"addTeam\">\r\n                    <ActionItem.actionView>\r\n                        \r\n                            <Label text=\"&#xf0fe;\" class=\"font-awesome-icon nav-icon\"  />\r\n                        \r\n                    </ActionItem.actionView>\r\n                </ActionItem>\r\n            </ActionBar.actionItems>            \r\n        </ActionBar>\r\n    </Page.actionBar> \r\n```\r\nit also does it with in another view with this action bar:\r\n```\r\n    <Page.actionBar>\r\n        <ActionBar>\r\n            <ActionBar.titleView>\r\n                <Label text=\"{{ pageTitle }}\" />\r\n            </ActionBar.titleView>\r\n            <ActionBar.actionItems>\r\n                <ActionItem ios.position=\"left\" tap=\"dashboard\">\r\n                    <ActionItem.actionView>\r\n                        <StackLayout>\r\n                            <Label text=\"&#xf060;\" class=\"font-awesome-icon nav-icon\"  />\r\n                        </StackLayout>\r\n                    </ActionItem.actionView>\r\n                </ActionItem>  \r\n            </ActionBar.actionItems>\r\n        </ActionBar>\r\n    </Page.actionBar>\r\n```"},"comment":{"url":"https://api.github.com/repos/NativeScript/NativeScript/issues/comments/221624647","html_url":"https://github.com/NativeScript/NativeScript/issues/2179#issuecomment-221624647","issue_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/2179","id":221624647,"user":{"login":"firescript","id":1789978,"avatar_url":"https://avatars.githubusercontent.com/u/1789978?v=3","gravatar_id":"","url":"https://api.github.com/users/firescript","html_url":"https://github.com/firescript","followers_url":"https://api.github.com/users/firescript/followers","following_url":"https://api.github.com/users/firescript/following{/other_user}","gists_url":"https://api.github.com/users/firescript/gists{/gist_id}","starred_url":"https://api.github.com/users/firescript/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firescript/subscriptions","organizations_url":"https://api.github.com/users/firescript/orgs","repos_url":"https://api.github.com/users/firescript/repos","events_url":"https://api.github.com/users/firescript/events{/privacy}","received_events_url":"https://api.github.com/users/firescript/received_events","type":"User","site_admin":false},"created_at":"2016-05-25T16:06:40Z","updated_at":"2016-05-25T16:06:40Z","body":"Alright it isn't related to the ios.position, I just checked. It seems to be related to any use case of font- in the css, so font-family, font-size, etc. Below is a bare bones project showing the exact issue on a new project.\r\n\r\n[actionBarGlitch.zip](https://github.com/NativeScript/NativeScript/files/282378/actionBarGlitch.zip)\r\n"}}
{"actor":{"display_login":"firescript"}}