bug: first accordion in group does not have animation on close

Bug Report

Ionic version:

[ ] 4.x [ ] 5.x [X] 6.x

Current behavior:

When opening the accordion there is animation but when closing the accordion back the ion-icon has animation but the ion-list does not have any animation on iOS. I have screen recorded on iOS to have a clearer idea on the issue (https://youtu.be/mxoMoRZsWW0) Expected behavior:

The accordion should have the same closing animation as when you open the accordion Steps to reproduce:

Related code:

<ion-accordion-group>
          <ion-accordion value="search">
            <ion-item slot="header">
              <ion-icon class="ion-padding-end" name="filter-outline"></ion-icon>
              <ion-label>Search Criteria</ion-label>
            </ion-item>

            <ion-list slot="content">
              <ion-item lines="none" class="ion-no-padding">
                <ion-searchbar enterkeyhint="search" placeholder="Player username"
                  [(ngModel)]="searchCriteria.searchTerm">
                </ion-searchbar>
              </ion-item>

              <ion-item lines="none">
                <ion-label position="stacked">Account Type</ion-label>
                <ion-select [(ngModel)]="searchCriteria.accountType" interface="popover">
                  <ion-select-option value="epic">Epic Games</ion-select-option>
                  <ion-select-option value="psn">Playstation</ion-select-option>
                  <ion-select-option value="xbl">XBox</ion-select-option>
                </ion-select>
              </ion-item>

              <ion-item lines="none">
                <ion-label position="stacked">Time Window</ion-label>
                <ion-select [(ngModel)]="searchCriteria.timeWindow" interface="popover">
                  <ion-select-option value="season">Season</ion-select-option>
                  <ion-select-option value="lifetime">Lifetime</ion-select-option>
                </ion-select>
              </ion-item>

              <ion-item lines="none">
                <ion-label position="stacked">Generate Image</ion-label>
                <ion-select [(ngModel)]="searchCriteria.image" interface="popover">
                  <ion-select-option value="none">None</ion-select-option>
                  <ion-select-option value="all">All</ion-select-option>
                  <ion-select-option value="keyboardMouse">Keyboard & Mouse</ion-select-option>
                  <ion-select-option value="gamepad">Controller</ion-select-option>
                  <ion-select-option value="touch">Touch</ion-select-option>
                </ion-select>
              </ion-item>

              <ion-row style="background: var(--ion-item-background);">
                <ion-col>
                  <ion-button expand="block" color="primary" (click)="searchPlayer()">
                    Search Player
                  </ion-button>
                </ion-col>
              </ion-row>
            </ion-list>
          </ion-accordion>
        </ion-accordion-group>

Other information:

Ionic info:

Ionic CLI                     : 6.16.2 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 6.0.0-beta.0
   @angular-devkit/build-angular : 12.0.5
   @angular-devkit/schematics    : 12.0.5
   @angular/cli                  : 12.0.5
   @ionic/angular-toolkit        : 4.0.0

Capacitor:

   Capacitor CLI      : 3.0.2
   @capacitor/android : not installed
   @capacitor/core    : 3.0.2
   @capacitor/ios     : not installed

Utility:

   cordova-res : not installed globally
   native-run  : 1.4.0

System:

   NodeJS : v14.15.5 (/usr/local/bin/node)
   npm    : 6.14.11
   OS     : macOS Big Sur

[farisfaisalthena]

Can you try the following dev build and let me know if it resolves the issue?

Can confirm its fixed already

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