question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

Bug Report

Ionic version:

[x] ^5.0.4

Current behavior:

Dismiss animation is flickering at the end of transition

Link to video

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

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
DwieDimacommented, Mar 6, 2020

Works! Thanks a lot! 👍

1reaction
liamdebeasicommented, Mar 5, 2020

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Modal dismiss animation not smooth on latest ionic/angular ...
Bug Report Ionic version: [x] ^5.0.4 Current behavior: Dismiss animation is flickering at the end of transition Link to video Expected ...
Read more >
angular - Ionic - Modal Animation - Stack Overflow
I have a list of ionic cards that when I click on it a modal is opening. I am trying to change the...
Read more >
Animations - Ionic Framework
Ionic Animations is a utility that allows developers to build complex animations in a platform agnostic manner. Developers do not need to be...
Read more >
Introduction to Angular animations
Without animations, web page transitions can seem abrupt and jarring ... Let's create a new open-close component to animate with simple transitions.
Read more >
Announcing Ionic v6.1 - Ionic Blog
There's even a spring effect in the animation, for a smooth look and feel. Fancy! Modal Dismiss Demo. Disable Specific Dates. Another property ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found