{"action":"created","issue":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/487","repository_url":"https://api.github.com/repos/NativeScript/nativescript-angular","labels_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/487/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/487/comments","events_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/487/events","html_url":"https://github.com/NativeScript/nativescript-angular/issues/487","id":180812469,"number":487,"title":"SearchBar is invisible on iOS","user":{"login":"tsonevn","id":17448734,"avatar_url":"https://avatars.githubusercontent.com/u/17448734?v=3","gravatar_id":"","url":"https://api.github.com/users/tsonevn","html_url":"https://github.com/tsonevn","followers_url":"https://api.github.com/users/tsonevn/followers","following_url":"https://api.github.com/users/tsonevn/following{/other_user}","gists_url":"https://api.github.com/users/tsonevn/gists{/gist_id}","starred_url":"https://api.github.com/users/tsonevn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tsonevn/subscriptions","organizations_url":"https://api.github.com/users/tsonevn/orgs","repos_url":"https://api.github.com/users/tsonevn/repos","events_url":"https://api.github.com/users/tsonevn/events{/privacy}","received_events_url":"https://api.github.com/users/tsonevn/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/labels/iOS","name":"iOS","color":"ededed"},{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/labels/T:Bug","name":"T:Bug","color":"d93f0b"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-10-04T05:53:05Z","updated_at":"2016-10-04T06:31:58Z","closed_at":null,"body":"_From @tjvantoll on October 3, 2016 16:51_\n\n## Please, provide the details below:\r\n\r\n### Did you verify this is a real problem by searching [Stack Overflow]\r\nYes, I’m actually really surprised this has yet to be reported.\r\n\r\n### Tell us about the problem\r\nStart a new project with `tns create foo --ng`.\r\n\r\nChange your `app.component.ts` to use the following code:\r\n\r\n``` JavaScript\r\nimport { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: \"my-app\",\r\n    template: `\r\n<StackLayout>\r\n    <SearchBar hint=\"Search\"></SearchBar>\r\n</StackLayout>\r\n`\r\n})\r\nexport class AppComponent {}\r\n```\r\n\r\nIf you run this app on Android you see a SearchBar as expected; if you run this app on iOS you see nothing.\r\n\r\n### Which platform(s) does your issue occur on?\r\niOS\r\n\r\n### Please provide the following version numbers that your issue occurs with:\r\n- CLI: 2.3.0\r\n- Cross-platform modules: 2.3.0 (also tried with `next` and had the same problem)\r\n- Runtime(s): 2.3.0\r\n- Plugin(s): None\r\n\r\nNote: I’m running Xcode 8, which I have a feeling might have something to do with the problem.\r\n\r\nPing @nraboy, as he hit this issue as well.\n\n_Copied from original issue: NativeScript/NativeScript#2833_"},"comment":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/comments/251304589","html_url":"https://github.com/NativeScript/nativescript-angular/issues/487#issuecomment-251304589","issue_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/487","id":251304589,"user":{"login":"tsonevn","id":17448734,"avatar_url":"https://avatars.githubusercontent.com/u/17448734?v=3","gravatar_id":"","url":"https://api.github.com/users/tsonevn","html_url":"https://github.com/tsonevn","followers_url":"https://api.github.com/users/tsonevn/followers","following_url":"https://api.github.com/users/tsonevn/following{/other_user}","gists_url":"https://api.github.com/users/tsonevn/gists{/gist_id}","starred_url":"https://api.github.com/users/tsonevn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tsonevn/subscriptions","organizations_url":"https://api.github.com/users/tsonevn/orgs","repos_url":"https://api.github.com/users/tsonevn/repos","events_url":"https://api.github.com/users/tsonevn/events{/privacy}","received_events_url":"https://api.github.com/users/tsonevn/received_events","type":"User","site_admin":false},"created_at":"2016-10-04T06:31:58Z","updated_at":"2016-10-04T06:31:58Z","body":"Hi @tjvantoll,\r\nWe will research what is causing this problem, however as a workaround you could  set in `app.css` the `StackLayout`to be with 100% width;\r\n```\r\nSearchBar{\r\n    width: 100%;\r\n}\r\n```"}}
{"actor":{"display_login":"tsonevn"}}