bug: iOS 17.5, animation flicker

[moerphie]

Prerequisites

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

Ionic Framework Version

v8.x

Current Behavior

Elements flicker when opening and closing the modal.
It only occurs irregularly. In Chroma, Safari and iOS simulator.

iOS.17-5.mov

Chrome.v126.mov

Expected Behavior

No flicker expected.

Steps to Reproduce

1. Clone this repo: https://github.com/moerphie/ionic-flicker-bug
2. yarn install && yarn run build
3. Launch iOS Simulator and open/dismiss modal

Code Reproduction URL

https://github.com/moerphie/ionic-flicker-bug

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.2.2

Capacitor:

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

Utility:

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

System:

NodeJS : v20.15.0 (/usr/local/bin/node)
npm : 10.7.0
OS : macOS 14.5

Additional Information

ionic capacitor run ios
❯ iPhone 15 (simulator) (817E61FD-2527-4064-B811-4AEA8A399AC4) 

Follow up of a closed issue from last year #28467