bug: Sheet modal overlay flashes when dismissed quickly using the handle on iOS

[robholden]

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

v7.x

Current Behavior

A flash appears when dismissing a sheet modal by swiping the handle down quickly

Expected Behavior

No flashing after dismiss

Steps to Reproduce

1. Press "Open Modal" on iOS simulator
2. Swipe down quickly with a short distance on the handle at the top of the modal sheet
3. Watch modal dismiss, then flash

Code Reproduction URL

https://github.com/robholden/ionic-modal-flash

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/Users/rob/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.8.3
@angular-devkit/build-angular : 17.3.3
@angular-devkit/schematics : 17.3.3
@angular/cli : 17.3.3
@ionic/angular-toolkit : 11.0.1

Capacitor:

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

Utility:

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

System:

NodeJS : v20.9.0 (/Users/rob/.nvm/versions/node/v20.9.0/bin/node)
npm : 10.5.0
OS : macOS Unknown

Additional Information

I can only replicate the problem when running natively via xcode on:

1. Iphone 15 - Simulator
2. Iphone 13 mini - Physical device

[EinfachHans]

Probably duplicate of #28467

[liamdebeasi]

Thanks for the report. As noted in #29288 (comment), this is a duplicate of #28467. The linked issue is a bug in WebKit, the engine that powers Safari on iOS. However, this issue has been resolved in a newer version of iOS, so I recommend updating your devices.

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