Fix: Stepper reset handler

[PruthviPraj00]

Hello @olegpix,

Problem

I encounter an issue with the stepper component. When the reset button is clicked, other elements like navigation and buttons reset correctly, but the content of the final step is still displayed, as shown in the image below.

Preline Documentation image

It appears that the issue is caused by the placement of the following code:

//  handleResetButtonClick()
this.setCurrentNavItem();
this.setCurrentContentItem();
this.showFinishButton();
this.showCompleteStepButton();
this.checkForTheFirstStep();

// This code
this.unsetCompleted();
this.isCompleted = false;

Solution

The problem is resolved by placing the following code above the other function calls:

this.unsetCompleted();
this.isCompleted = false;

this.setCurrentNavItem();
this.setCurrentContentItem();
this.showFinishButton();
this.showCompleteStepButton();
this.checkForTheFirstStep();

Moving this.unsetCompleted(); and this.isCompleted = false; above the other function calls ensures that the content resets properly along with the navigation and buttons.

Solved image

https://github.com/htmlstreamofficial/preline/assets/110020770/454d7317-aa00-4109-9def-c45981899e5b