# Ionic 4 Card display bug

**URL:** <https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540>\
**Category:** Ionic Framework\
**Created:** [July 13, 2019, 1:01am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540 "2019-07-13T01:01:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tbaumer22](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/tbaumer22/32/127036_2.png) [@tbaumer22](https://forum.ionicframework.com/u/tbaumer22)\
**Post date:** [July 13, 2019, 1:01am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/1 "2019-07-13T01:01:41Z")

</div>

Hey everyone,

I’m currently having an issue where cards in Ionic 4 won’t render for me if a card only consists of an image component. For example:

```auto
<ion-card>
  <ion-img src="{{image}}"></ion-img>
</ion-card>

```

This card renders as white space with no card even though the image variable has been set to a valid image url. You may think that there could be a bug in my code in setting this variable, however when I add anything other than the image to the card, the card successfully renders _with_ the image. For example:

```auto
<ion-card>
  <ion-img src="{{image}}"></ion-img>
  hi
</ion-card>

```

This card renders fine, but in my case, I don’t want the card to have anything on it except the image itself.

Are there any workarounds to this?  
I’m also not sure if this a problem that only I’m experiencing, so any help would be greatly appreciated!

---

<div class="post-metadata">

**Author:** ![danieldugger](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@danieldugger](https://forum.ionicframework.com/u/danieldugger)\
**Post date:** [July 13, 2019, 1:05am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/2 "2019-07-13T01:05:53Z")

</div>

I use binding for the image source, [src] and it works great for me. I also do not make use of interpolation for the actual value.

---

<div class="post-metadata">

**Author:** ![tbaumer22](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/tbaumer22/32/127036_2.png) [@tbaumer22](https://forum.ionicframework.com/u/tbaumer22)\
**Post date:** [July 13, 2019, 1:12am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/3 "2019-07-13T01:12:59Z")

</div>

@danieldugger Thanks for the quick reply! That isn’t seeming to work for me oddly enough…

---

<div class="post-metadata">

**Author:** ![danieldugger](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@danieldugger](https://forum.ionicframework.com/u/danieldugger)\
**Post date:** [July 13, 2019, 1:24am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/4 "2019-07-13T01:24:41Z")

</div>

What about just using a plain ol’ img? No lazy loading.

Daniel Brittain Dugger

Founder

Bail Bond Software Solutions

615.405.4589 mobile

866.201.5079 toll-free

---

<div class="post-metadata">

**Author:** ![danieldugger](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@danieldugger](https://forum.ionicframework.com/u/danieldugger)\
**Post date:** [July 13, 2019, 1:24am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/5 "2019-07-13T01:24:58Z")

</div>

I used an img

Daniel Brittain Dugger

Founder

Bail Bond Software Solutions

615.405.4589 mobile

866.201.5079 toll-free

---

<div class="post-metadata">

**Author:** ![tbaumer22](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/tbaumer22/32/127036_2.png) [@tbaumer22](https://forum.ionicframework.com/u/tbaumer22)\
**Post date:** [July 13, 2019, 1:27am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/6 "2019-07-13T01:27:16Z")

</div>

@danieldugger I suppose I’ll have to settle for that, as lazy-loading is appearing to cause more harm than help. Thanks for the recommendation.

---

<div class="post-metadata">

**Author:** ![danieldugger](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@danieldugger](https://forum.ionicframework.com/u/danieldugger)\
**Post date:** [July 13, 2019, 1:52am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/7 "2019-07-13T01:52:17Z")

</div>

Let me know if it worked!

---

<div class="post-metadata">

**Author:** ![tbaumer22](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/tbaumer22/32/127036_2.png) [@tbaumer22](https://forum.ionicframework.com/u/tbaumer22)\
**Post date:** [July 23, 2019, 2:30am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/8 "2019-07-23T02:30:34Z")

</div>

That worked. Thanks!

---

<div class="post-metadata">

**Author:** ![danieldugger](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@danieldugger](https://forum.ionicframework.com/u/danieldugger)\
**Post date:** [July 23, 2019, 2:43am UTC](https://forum.ionicframework.com/t/ionic-4-card-display-bug/168540/9 "2019-07-23T02:43:13Z")

</div>

Great to hear! Wonderful news! Just trying to satisfy the character requirement, lmao!