ion-item does not show line if it is in ion-card-content

[mburger81]

Short description of the problem:

I tried to create a ion-list in an ion-card, but the ion-item does not show the expected line between the items if the ion-list is encapsulated in an ion-card.

What behavior are you expecting?

I'don't know if this is expected but I didn't found nothing in the documentation, and that's not the thing I expecting.

Steps to reproduce:
You can see here a plnkr with RC.2 which shows the two difference from a ion-list in and out of a ion-card
http://plnkr.co/edit/v8P1oV?p=preview

This is the result:

[brandyscarney]

Thanks for the issue! This is by design to match the Material Design docs. See the following image of a list in a card:

and the docs can be found here: https://material.google.com/components/cards.html#

[mburger81]

Hi @brandyscarney but in the docs you can also find some use cases like this.
Isn't this a card with a list which contains a divider in it?

[basvdijk]

I am running into the same problem. It would be nice if this was a attribute you could set instead of being forced to have no lines :)

[judgewest2000]

Using css you can throw these in...

https://forum.ionicframework.com/t/list-dividers-lines-in-cards/91734/5

[WhatsThatItsPat]

This is by design to match the Material Design docs.

I'd like to question this decision as well. As shown by @mburger81 above, there are examples where lists in cards have lines, so it doesn't look like an actual MD spec. And even in the weather cards example above, the bottom "full report" item shows a separating line.

Since we have the no-lines attribute available to us, it should be up to the dev if that's the design we want to match.

Alternatively, you could add a force-lines, attribute but that feels cumbersome. I think it would be better for items to work the same way by default.

[brandyscarney]

Reopening to revisit, cc @bensperry @jgw96

[judgewest2000]

I concur with @PatrickMcD - would prefer to have unless omitted specifically with no-lines

[lexyfeito]

any news on this, i having the same issue.. thank you

[JamboBuenna]

Any updates?

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.