search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.93k stars 13.51k forks source link

bug: iOS 17.5, animation flicker #29651

Open moerphie opened 2 months ago

moerphie commented 2 months ago

Prerequisites

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.

https://github.com/ionic-team/ionic-framework/assets/12500071/94031afb-48aa-4aed-abde-7f20ffa413dc

https://github.com/ionic-team/ionic-framework/assets/12500071/bbb57e20-6d29-4190-9d34-c6a30e562514

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

maximilien0405 commented 2 months ago

I'm having the exact same issue 😬 Seems like apparently it wasn't fixed in the 17.5 IOS update..

Any news on if someone is working on it ? Also where is the problem coming from ? Ionic or WebKit ?

moerphie commented 2 months ago

I have noticed that when you drag the modal to close it, the background elements don't flicker. Only when you tap on the backdrop.

If that helps: If you are using the ion-action-sheet, this problem does not happen when you tap on the backdrop.

brodenbrett commented 2 months ago

I have the same issue running iOS 17.5 on an iPhone 15 Pro Max emulator in XCode

gunsha commented 1 month ago

having the same issue with react