{"action":"closed","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/6777","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/6777/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/6777/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/6777/events","html_url":"https://github.com/driftyco/ionic/issues/6777","id":158618145,"number":6777,"title":"v2 item-group documentation error","user":{"login":"alexbainbridge","id":1144763,"avatar_url":"https://avatars.githubusercontent.com/u/1144763?v=3","gravatar_id":"","url":"https://api.github.com/users/alexbainbridge","html_url":"https://github.com/alexbainbridge","followers_url":"https://api.github.com/users/alexbainbridge/followers","following_url":"https://api.github.com/users/alexbainbridge/following{/other_user}","gists_url":"https://api.github.com/users/alexbainbridge/gists{/gist_id}","starred_url":"https://api.github.com/users/alexbainbridge/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alexbainbridge/subscriptions","organizations_url":"https://api.github.com/users/alexbainbridge/orgs","repos_url":"https://api.github.com/users/alexbainbridge/repos","events_url":"https://api.github.com/users/alexbainbridge/events{/privacy}","received_events_url":"https://api.github.com/users/alexbainbridge/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-06-06T07:44:16Z","updated_at":"2016-06-09T15:49:23Z","closed_at":"2016-06-09T15:49:23Z","body":"#### Short description of the problem:\r\n\r\nDocumentation on http://ionicframework.com/docs/v2/components/#list-dividers  suggests that item-group is an outer wrapper around everything\r\n\r\n```\r\n    <ion-item-group>\r\n\r\n      <ion-item-divider light>A</ion-item-divider>\r\n      <ion-item>Angola</ion-item>\r\n      <ion-item>Argentina</ion-item>\r\n\r\n      <ion-item-divider light>B</ion-item-divider>\r\n\r\n    </ion-item-group>\r\n```\r\n\r\nHowever as per \r\nhttps://github.com/driftyco/ionic-preview-app/blob/master/app/pages/lists/dividers/template.html\r\n\r\nitem-group is once per group, **i.e. you do not put more than one divider per item-group**\r\n\r\n```\r\n    <ion-item-group>\r\n      <ion-item-divider light>A</ion-item-divider>\r\n      <ion-item>Angola</ion-item>\r\n      <ion-item>Argentina</ion-item>\r\n      <ion-item>Armenia</ion-item>\r\n      <ion-item>Australia</ion-item>\r\n      <ion-item>Austria</ion-item>\r\n    </ion-item-group>\r\n\r\n    <ion-item-group>\r\n      <ion-item-divider light>B</ion-item-divider>\r\n      <ion-item>Bangladesh</ion-item>\r\n      <ion-item>Belarus</ion-item>\r\n      <ion-item>Belgium</ion-item>\r\n      <ion-item>Bhutan</ion-item>\r\n      <ion-item>Bolivia</ion-item>\r\n      <ion-item>Brazil</ion-item>\r\n    </ion-item-group>\r\n\r\n```\r\n\r\nI think you need to tweak the documented example with the appropriate markup. Second one is right.\r\n\r\nIf you do it as first (and currently) described, the last-child CSS does not apply correctly, so you end up with border lines that you don't with the second markup."}}
{"actor":{"display_login":"jgw96"}}