ItemSliding - template issues since update auf Ionic4


#1

Hello all,

i have done an update of my app to Ionic v4.
But since this update one template has a really weird look.
I have an item-sliding list, each item is also a button (navPush) and has some options.
On Ionic v3 everything looks fine, now i looks like that:

Here is the code:

<ion-content>
  <ion-list>
    <ion-item-sliding *ngFor="let group of groups$">
      <ion-item button (click)="logID(group.id)">
        <ion-label>
          <ion-avatar slot="start">
            <ion-icon ios="ios-cube" md="md-cube"></ion-icon>
          </ion-avatar>
          <h2>{{ group.description }}</h2>
          <p no-lines><span>{{ group.createdAt.toDate() | date:'EEEE, dd.MM.yyyy, HH:mm' }}</span></p>
        </ion-label>
      </ion-item>
      <ion-item-options side="end">
        <ion-button color="danger" (click)="deleteItem(group)">
          <ion-icon name="md-trash"></ion-icon>
          delete Item
        </ion-button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
</ion-content>