Ionic 4 ion-item-sliding stops sliding after list is updated

Bug Report

Ionic version:

[x] 4.x

Current behavior:

Same bug as reported earlier but that does not fix the core issue but rather uses a workaround.

Expected behavior:

• After the list is refreshed/updated, the elements should still be slide-able.

Steps to reproduce:

• Create an <ion-list> of <ion-item-sliding> elements
• Open the slide menu of one of the elements
• Have the app update the list in the background (reassign the list variable)
• The list refreshes and the elements are not able to use the slide gesture.

Related code:

// HTML
  <ion-list>
    <ion-item-sliding *ngFor='let a of list'>
      <ion-item>
        <ion-text>{{a}}</ion-text>
      </ion-item>

      <ion-item-options side="end">
        <ion-item-option color="danger">
          <ion-icon name="trash"></ion-icon>
          Delete
        </ion-item-option>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

// COMPONENT/PAGE
  public list: string[] = ['A', 'B', 'C'];
  
  // use a short delay to update list after opening up the slide item
  this.list = ['A', 'B', 'C', 'D'];

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.5.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @angular-devkit/build-angular : 0.10.7
   @angular-devkit/schematics    : 7.1.3
   @angular/cli                  : 7.1.3
   @ionic/angular-toolkit        : 1.2.0

System:

   NodeJS : v10.12.0 (/usr/local/Cellar/node/10.12.0/bin/node)
   npm    : 6.4.1
   OS     : macOS Mojave

[OJ7]

Thanks, I can likely use that. However the thing is I don’t want to (and shouldn’t have to) close the sliding items whenever the list is updated.

I have a list that is frequently being updated and would like the item to stay in the “open slide out” state if the user performed the action, even if there is a modification to the list.

I’ve noticed the same thing happens regardless of whether there is an addition or removal to the list. If the list is assigned to an equivalent list, the same issue occurs.

[pimol]

I want add to that cfguimaraes noted: if I modify the item without add or remove element, slide does not disappear but slide doesn’t not go back in no sliding position despite list has been updated. To be more clear, AFTER the update the screen remain as the image