{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/15558","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/15558/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/15558/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/15558/events","html_url":"https://github.com/ionic-team/ionic/issues/15558","id":359364104,"node_id":"MDU6SXNzdWUzNTkzNjQxMDQ=","number":15558,"title":"@ionic/angular 4.0.0-beta.8, ion-input is inaccessible and has 0 height inside an ion-item warped with a formGroup","user":{"login":"amreladawy","id":1336308,"node_id":"MDQ6VXNlcjEzMzYzMDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1336308?v=4","gravatar_id":"","url":"https://api.github.com/users/amreladawy","html_url":"https://github.com/amreladawy","followers_url":"https://api.github.com/users/amreladawy/followers","following_url":"https://api.github.com/users/amreladawy/following{/other_user}","gists_url":"https://api.github.com/users/amreladawy/gists{/gist_id}","starred_url":"https://api.github.com/users/amreladawy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amreladawy/subscriptions","organizations_url":"https://api.github.com/users/amreladawy/orgs","repos_url":"https://api.github.com/users/amreladawy/repos","events_url":"https://api.github.com/users/amreladawy/events{/privacy}","received_events_url":"https://api.github.com/users/amreladawy/received_events","type":"User","site_admin":false},"labels":[{"id":835668554,"node_id":"MDU6TGFiZWw4MzU2Njg1NTQ=","url":"https://api.github.com/repos/ionic-team/ionic/labels/triage","name":"triage","color":"ededed","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-09-12T08:14:08Z","updated_at":"2018-09-13T00:34:32Z","closed_at":"2018-09-13T00:34:32Z","author_association":"NONE","body":"# Bug Report\r\n\r\n**Ionic Info**\r\n```\r\nIonic:\r\n\r\n   ionic (Ionic CLI)          : 4.1.2 (C:\\Users\\amr\\AppData\\Roaming\\npm\\node_modules\\ionic)\r\n   Ionic Framework            : @ionic/angular 4.0.0-beta.8\r\n   @angular-devkit/core       : 0.8.1\r\n   @angular-devkit/schematics : 0.8.1\r\n   @angular/cli               : 6.2.1\r\n   @ionic/ng-toolkit          : 1.0.8\r\n   @ionic/schematics-angular  : 1.0.6\r\n\r\nSystem:\r\n\r\n   NodeJS : v8.11.2 (C:\\Program Files\\nodejs\\node.exe)\r\n   npm    : 6.4.1\r\n   OS     : Windows 10\r\n```\r\n\r\n**Describe the Bug**\r\nThe `ion-input` gets 0 height when it is inside an `ion-item`  wrapped in a `formGroup` \r\n\r\n**Steps to Reproduce**\r\nSteps to reproduce the behavior:\r\nCreate a new ionic project and with the following packages\r\n```\r\n\r\n    \"@angular/common\": \"~6.1.7\",\r\n    \"@angular/core\": \"~6.1.7\",\r\n    \"@angular/forms\": \"~6.1.7\",\r\n    \"@angular/http\": \"~6.1.7\",\r\n    \"@angular/platform-browser\": \"~6.1.7\",\r\n    \"@angular/platform-browser-dynamic\": \"~6.1.7\",\r\n    \"@angular/router\": \"~6.1.7\",\r\n    \"@ionic-native/core\": \"5.0.0-beta.15\",\r\n    \"@ionic-native/splash-screen\": \"5.0.0-beta.15\",\r\n    \"@ionic-native/status-bar\": \"5.0.0-beta.15\",\r\n    \"@ionic/angular\": \"4.0.0-beta.8\",\r\n    \"core-js\": \"^2.5.7\",\r\n    \"rxjs\": \"6.3.2\",\r\n    \"zone.js\": \"^0.8.26\"\r\n```\r\n\r\n**Related Code**\r\nIn any page paste the following code.\r\n**home.page.hml**\r\n```\r\n<ion-grid>\r\n\t\t<ion-row>\r\n\t\t\t<ion-col [formGroup]=\"editForm\" >\r\n\t\t\t\t<ion-item>\r\n\t\t\t\t\t<ion-label color=\"primary\">Name1</ion-label>\r\n\t\t\t\t\t<ion-input formControlName=\"name\"></ion-input>\r\n\t\t\t\t</ion-item>\r\n\t\t\t</ion-col>\r\n\t\t\t<ion-col>\r\n\t\t\t\t<ion-item>\r\n\t\t\t\t\t<ion-label color=\"primary\">Name2</ion-label>\r\n\t\t\t\t\t<ion-input></ion-input>\r\n\t\t\t\t</ion-item>\r\n\t\t\t</ion-col>\r\n\t\t</ion-row>\r\n\t</ion-grid>\r\n```\r\nhome.page.ts\r\n```\r\nimport { Component } from '@angular/core';\r\nimport { FormControl, FormGroup, Validators, FormBuilder } from '@angular/forms';\r\n\r\n\r\n@Component({\r\n\tselector: 'app-home',\r\n\ttemplateUrl: 'home.page.html',\r\n\tstyleUrls: ['home.page.scss'],\r\n})\r\nexport class HomePage {\r\n\teditForm: FormGroup;\r\n\r\n\tname: FormControl = this.formBuilder.control(null, Validators.compose([Validators.required]));\r\n\r\n\tconstructor(\r\n\t\tprivate formBuilder: FormBuilder\r\n\t) {\r\n\t\tthis.buildForm()\r\n\t}\r\n\tbuildForm() {\r\n\t\tthis.editForm = this.formBuilder.group({\r\n\t\t\tname: this.name\r\n\t\t})\r\n\t}\r\n}\r\n```\r\nDo not forget to import `ReactiveFormsModule` in `home.module.ts`\r\n\r\n**Expected Behavior**\r\nThe Name1 should be accessible and editable just like Name2.\r\n\r\n**Additional Context**\r\nThis is only happening with beta8, downgrading to beta7 it is working fine."},"comment":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/comments/420843221","html_url":"https://github.com/ionic-team/ionic/issues/15558#issuecomment-420843221","issue_url":"https://api.github.com/repos/ionic-team/ionic/issues/15558","id":420843221,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMDg0MzIyMQ==","user":{"login":"amreladawy","id":1336308,"node_id":"MDQ6VXNlcjEzMzYzMDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1336308?v=4","gravatar_id":"","url":"https://api.github.com/users/amreladawy","html_url":"https://github.com/amreladawy","followers_url":"https://api.github.com/users/amreladawy/followers","following_url":"https://api.github.com/users/amreladawy/following{/other_user}","gists_url":"https://api.github.com/users/amreladawy/gists{/gist_id}","starred_url":"https://api.github.com/users/amreladawy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amreladawy/subscriptions","organizations_url":"https://api.github.com/users/amreladawy/orgs","repos_url":"https://api.github.com/users/amreladawy/repos","events_url":"https://api.github.com/users/amreladawy/events{/privacy}","received_events_url":"https://api.github.com/users/amreladawy/received_events","type":"User","site_admin":false},"created_at":"2018-09-13T00:34:32Z","updated_at":"2018-09-13T00:34:32Z","author_association":"NONE","body":"Duplicate of #15529."}}
{"actor":{"display_login":"amreladawy"}}