Ionic-framework: bug: Modal dismiss animation not smooth on latest ionic/angular

Created on 5 Mar 2020 · 7Comments · Source: ionic-team/ionic-framework

Bug Report

Ionic version:

[x] ^5.0.4

Current behavior:

Dismiss animation is flickering at the end of transition

Expected behavior:

Dismiss animation should close smoothly
Steps to reproduce:
Just setup new ionic project using latest ionic and angular version (using Angular 9.0.2 at the moment)

Link to repo

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.4
   @angular-devkit/build-angular : 0.900.5
   @angular-devkit/schematics    : 9.0.5
   @angular/cli                  : 9.0.5
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 1.3.0
   @capacitor/core : 1.3.0

Utility:

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

System:

   NodeJS : v12.16.0 (/usr/local/bin/node)
   npm    : 6.13.4
   OS     : macOS Catalina

core bug

Source

DwieDima

All 7 comments

Thanks for the issue. Can you provide some more information as to what device you are testing this on? Also the image/gif you tried to provide appears to be broken.

liamdebeasi on 5 Mar 2020

Thanks for the issue. Can you provide some more information as to what device you are testing this on? Also the image/gif you tried to provide appears to be broken.

Sorry for broken gif. I replaced it by a video link.
In the video i'm testing it on chrome browser.

DwieDima on 5 Mar 2020

Thanks for the issue. Can you try the following dev build and let me know if it resolves the issue?

npm i @ionic/[email protected]

liamdebeasi on 5 Mar 2020

Thanks for the issue. Can you try the following dev build and let me know if it resolves the issue?

npm i @ionic/[email protected]

I get following error message by npm:

anon@anons-macbook-pro ionic-multiple-modal-bugs-master % npm i @ionic/[email protected]
-dev.202003051530.531d9e4
npm ERR! code ETARGET
npm ERR! notarget No matching version found for @ionic/[email protected].
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/anon/.npm/_logs/2020-03-05T15_40_03_069Z-debug.log

DwieDima on 5 Mar 2020

Try this dev build: 5.1.0-dev.202003051551.531d9e4.

liamdebeasi on 5 Mar 2020

❤1

Works! Thanks a lot! 👍

DwieDima on 6 Mar 2020

👍1

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.