bug: ion-virtual-scroll not working with ion-card

[im-me]

Bug Report

Ionic version:

[x] 4.6.2

Current behavior:

When using virtual scroll with ion-cards, the result is not rendered properly. The ion-card are not aligned properly and have different sized spaces between them.

Expected behavior:

When using virtual scroll with ion-cards, the cards should be rendered in a proper ways. with same padding and margin.

Steps to reproduce:

create a virtual scroll content with ion-cards.

Related code:

  <ion-virtual-scroll [items]="items" approxItemHeight="320px">
    <ion-card *virtualItem="let item">
      <ion-card-header>
        <ion-card-title>title comes here</ion-card-title>
      </ion-card-header>
      <ion-card-content>content comes here</ion-card-content>
    </ion-card>
  </ion-virtual-scroll>

Ionic:

   Ionic CLI                     : 5.2.1 (/Users/imrameh/workspace/myCodes/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.2
   @angular-devkit/build-angular : 0.802.0-next.0
   @angular-devkit/schematics    : 8.2.0-next.0
   @angular/cli                  : 8.2.0-next.0
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, browser 6.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 9 other plugins)

Utility:

   cordova-res : 0.6.0 
   native-run  : 0.2.7 (update available: 0.2.8)

System:

   Android SDK Tools : 26.1.1 (/Users/im/Library/Android/sdk)
   NodeJS            : v11.10.0 (/Users/im/.nvm/versions/node/v11.10.0/bin/node)
   npm               : 6.10.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001```

[liamdebeasi]

Thanks! This issue has been fixed and will be available in the Ionic 4.7 release.

[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.