Disable animation of mat-stepper while in transition

Sreekumar P

Is there any way to disable animation of Angular material's mat-stepper control, when we are switching from one step to another ?

darkz

Angular animations can be disabled by setting the elements property @.disabled, see https://angular.io/api/animations/trigger#disable-animations

You can simply put [@.disabled] = "true" input to your mat-stepper

<mat-horizontal-stepper [@.disabled]="true" [linear]="isLinear" #stepper>

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Disable a transition while an animation is running

Disable transition animation

Disable the animation/transition on the mobile

Angular Material - Disable mat-sidenav transition animation but keep children animations?

Disable Transition Animation Between Activities

Disable previous completed steps on mat-stepper in angular 6

How to Disable/Stop HostListener if any document is opened before mat stepper?

Transition animation scale does not disable animation inside application

How to disable hover effect for the transition or animation time then enable it after the transition or animation is finished in css?

Disable smooth animation transition of Bootstrap Progress Bar on certain percent

How to disable transition animation when reduce motion is turned off

Android: disable content transition animation if API level is under 21

How to disable page transition animation in Ionic 4 / Angular?

React Native Native-Stack: disable transition animation on iOS

Disable UITabBarController animation while setting rootViewContorller

Disable ontouch listener while the gif animation is playing

Is it possible to disable half of the Stepper

How to hide mat-stepper header in my mat-stepper?

mat stepper bar is not in the npm registry

how to disable outside scrolling while mat-autocomplete panel is open?

How can I transition between two nuxt pages, while first waiting on a child component transition/animation to finish?

How to disable page animation while loading in WP 8.1?

How to disable touch detection while Google Map animation is running in android

Disable scroll while waiting to for scroll selection animation to complete

How to disable tabLayout scroll animation while scrolling it programetically?

How to disable animation while animating using mousewheel and slick slider?

Mat stepper done icon is out of circle

How to test mat-stepper with Cypress

How to show that the last mat-step is complete in mat-stepper?