IonReorderGroup.completeReorder standalone gives error 'Cannot read properties of undefined (reading 'length')'

Ionic Framework Ionic Angular
1

Hi, I have started converting my Ionic Angular project from Modules to standalone. I have the latest Ionic and Angular, and everything is working fine, including the IonReorderGroup.

I ran the Angular script to convert to standalone, and am working my way through components, importing from @ionic/angular/standalone

Most seems to be working so far (I have not finished yet), but I have just got up to a component that uses `IonReorderGroup`.

All Ionic imports are from @ionic/angular/standalone.

I have removed all my custom contents, and now just have a basic IonReorderGroup template like

 <ion-list>
      <ion-reorder-group [disabled]="false" (ionReorderEnd)="handleReorder($any($event))">

        <ion-item>
          <ion-label> Item 1 </ion-label>
          <ion-reorder slot="end"></ion-reorder>
        </ion-item>

        <ion-item>
          <ion-label> Item 2 </ion-label>
          <ion-reorder slot="end"></ion-reorder>
        </ion-item>

        <ion-item>
          <ion-label> Item 3</ion-label>
          <ion-reorder slot="end"></ion-reorder>
        </ion-item>

      </ion-reorder-group>
    </ion-list>

However, I now get the following error on the completeReorder handler….

image
image966×382 46.9 KB

this.el is the following…

image
image642×278 14.3 KB

and the member __children is undefined, hence the exception when trying to access .length

image
image428×118 6.28 KB

I saved my progress and went back to before I started the standalone, and put a break point in the same place. In this case, this.el looks a bit different, and .children is not undefined…

image
image234×238 11.4 KB

Does anyone have any ideas what could be causing this?

My project conversion is not finished yet, I don’t know if this could have anything to do with it, (it is a large project), but other parts are all working.

Thanks in advance for any help in diagnosing this.

2

If anyone else has this issue, it is fixed in v8.7.2 (via this fix(reorder-group): add children fallback for framework compatibilit… · ionic-team/ionic-framework@1cd81b9 · GitHub)