bug: iOS Modal Drag Animation Glitches

robinrobinrobinrobin commented 3 weeks ago

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

v8.x

When swiping to close the iOS Card Modal it snaps to the top for a split second. Resulting in a glitchy swipe animation. (See the attached video)

The iOS Card Modal should be as smooth in Safari (iOS and MacOS) as it is on Chrome or other browsers.

Go to any Ionic Card Modal on iOS or Safari (iOS/MacOS) (I also attached a Stackblitz URL)
Swipe the card down about 1/3 so it doesn't close but travels up again.
Observe how the card animation glitches at the top of the screen.

Ionic:

Ionic CLI : 7.1.1 (/opt/homebrew/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/vue 8.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v18.19.0 (/usr/local/bin/node) npm : 10.2.3 OS : macOS Unknown

No response

EinfachHans commented 3 weeks ago

Probably duplicate of #28467

While this ticket is closed, the fix will be included in upcoming ios 17.5, which is not published yet

liamdebeasi commented 3 weeks ago

Thanks for the issue. I am going to close this as a duplicate of #28467. This is a WebKit bug this will be fixed in the upcoming iOS 17.5 release.

ionic-team / ionic-framework