[Stepper] Weird Animation Upon the Removal of Steps

[georgi-sla]

Description

Currently, when the developer tries to dynamically/programmatically remove some of the steps in the Stepper component and reset the current step, the animation of the component behaves in a weird manner and continues to be executed after the items are removed and the current step is reset.

Steps To Reproduce

1. Create a Stepper component.
2. Remove some of the steps in the Stepper.
3. Reset the current step in the component.

Please, check out the following StackBlitz demo: https://stackblitz.com/edit/angular-9trgiw-yxs54z

Screenshots or video

No response

Actual Behavior

After the removal of some of the steps in the Stepper component and the resetting of the current step to one of the remaining ones, the animation (the line) connecting the steps behaves in a weird manner and continues to move after the steps are rendered according to the expectations.

Expected Behavior

The animation should not be executed when the desired steps are removed and the current one is set.

Workaround: https://stackblitz.com/edit/angular-9trgiw-zw78fs, https://stackblitz.com/edit/angular-9trgiw-qouemv

Browser

All

Browser version

latest

OS type

No response

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response