{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/7503","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/7503/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/7503/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/7503/events","html_url":"https://github.com/driftyco/ionic/issues/7503","id":168645609,"number":7503,"title":"Input bottom borders missing when ion-item inside ion-row","user":{"login":"daveshirman","id":14280030,"avatar_url":"https://avatars.githubusercontent.com/u/14280030?v=3","gravatar_id":"","url":"https://api.github.com/users/daveshirman","html_url":"https://github.com/daveshirman","followers_url":"https://api.github.com/users/daveshirman/followers","following_url":"https://api.github.com/users/daveshirman/following{/other_user}","gists_url":"https://api.github.com/users/daveshirman/gists{/gist_id}","starred_url":"https://api.github.com/users/daveshirman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/daveshirman/subscriptions","organizations_url":"https://api.github.com/users/daveshirman/orgs","repos_url":"https://api.github.com/users/daveshirman/repos","events_url":"https://api.github.com/users/daveshirman/events{/privacy}","received_events_url":"https://api.github.com/users/daveshirman/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-08-01T13:28:00Z","updated_at":"2016-08-05T20:24:10Z","closed_at":null,"body":"#### Short description of the problem:\r\nThe usual bottom borders are missing from the inputs when the `ion-item` is nested inside the `ion-row` \r\n\r\n#### What behavior are you expecting?\r\nBottom border should be present\r\n\r\n\r\n```\r\ne.g\r\n\r\n  <ion-item-group>\r\n    <ion-item-divider>Some group:</ion-item-divider>    \r\n    <ion-row>\r\n      <ion-col width-80>\r\n        <ion-item>\r\n          <ion-label stacked>field 1:</ion-label>\r\n          <ion-input></ion-input>\r\n        </ion-item> \r\n      </ion-col>\r\n      <ion-col width-10>\r\n        <ion-icon danger ios=\"ios-sad-outline\" md=\"md-sad\" item-right></ion-icon>\r\n      </ion-col>\r\n      <ion-col width-10>\r\n        <ion-icon primary ios=\"ios-flag\" md=\"ios-flag\" item-right></ion-icon>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-item-group> \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\n\r\n**Which Ionic Version?** 1.x or 2.x\r\n2.x\r\n\r\n#### Plunker that shows an example of your issue\r\n\r\nhttp://plnkr.co/edit/dcnJTSPxVtdiFK9IHTno?p=preview\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\nDavids-MacBook-Air:AppHazard daveshirman$ ionic info\r\n\r\nYour system information:\r\n\r\nCordova CLI: 6.2.0\r\nIonic Framework Version: 2.0.0-beta.10\r\nIonic CLI Version: 2.0.0-beta.32\r\nIonic App Lib Version: 2.0.0-beta.18\r\nios-deploy version: 1.8.6 \r\nios-sim version: 5.0.8 \r\nOS: Mac OS X El Capitan\r\nNode Version: v4.3.0\r\nXcode version: Xcode 7.2.1 Build version 7C1002 \r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/237953691","html_url":"https://github.com/driftyco/ionic/issues/7503#issuecomment-237953691","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/7503","id":237953691,"user":{"login":"daveshirman","id":14280030,"avatar_url":"https://avatars.githubusercontent.com/u/14280030?v=3","gravatar_id":"","url":"https://api.github.com/users/daveshirman","html_url":"https://github.com/daveshirman","followers_url":"https://api.github.com/users/daveshirman/followers","following_url":"https://api.github.com/users/daveshirman/following{/other_user}","gists_url":"https://api.github.com/users/daveshirman/gists{/gist_id}","starred_url":"https://api.github.com/users/daveshirman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/daveshirman/subscriptions","organizations_url":"https://api.github.com/users/daveshirman/orgs","repos_url":"https://api.github.com/users/daveshirman/repos","events_url":"https://api.github.com/users/daveshirman/events{/privacy}","received_events_url":"https://api.github.com/users/daveshirman/received_events","type":"User","site_admin":false},"created_at":"2016-08-05T20:24:10Z","updated_at":"2016-08-05T20:24:10Z","body":"Hi @brandyscarney, thanks for your reply.\r\n\r\nFirst of all, in the example you show, the icons are aligned differently, i.e. lower.\r\nsecondly, the input goes all the way to the end.\r\n\r\nThis is undesirable for several reasons:\r\n\r\n- long text will flow past under the buttons.  Bad.\r\n- ion-select controls (instead of a standard text input) make the right 2 buttons impossible to tap\r\n\r\n\r\nHence why I did the row and column thing, which reliably separates out the inputs from the buttons which have their own actions.\r\n\r\nDoes that make sense?\r\n"}}
{"actor":{"display_login":"daveshirman"}}