bug: [iOS] ionic modal backdrop delay when there is simultaneous animations happening at the same time

[Sovai]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Backdrop delay a bit before closing when there are other animation happening at the same time (on iOS device only)

Expected Behavior

The backdrop, modal sheet and my other animations close/animate simultaneously without delay

Steps to Reproduce

I have a modal sheet component where I emit onBeforeDismiss to the child

// SheetModal.vue
    <ion-modal
      :keep-contents-mounted="keepAlive"
      :is-open="state"
      animated
      mode="ios"
      handleBehavior="circle"
      :showBackdrop="showBackdrop"
      @didDismiss="didDismiss"
      ...
    >
      ...
  </ion-modal>

const beforeDismiss = () => {
  emit("sheetClose");
};

And here's how I call it

// HomePage.vue
<SheetModal
@sheetClose="animateOtherStuffs"
>
...
</SheetModal>

when the modal is closing the same time with my other animation (just rotate chevron icon) the sheet is closed but the backdrop is delay about 1 second then close. This happen on iOS only

Code Reproduction URL

No response

Ionic Info

not able to provide

Additional Information

No response

[ionitron-bot[bot]]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Thanks for the issue! This issue is being closed due to the lack of a code reproduction. 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.

Thank you for using Ionic!