Skip to content

Progress bar percentage update issue while hiding the steps #183

@sukucom

Description

@sukucom

Describe the bug
We are facing the issue in progress bar percentage calculation while having hidden steps in the wizards.
var widthPercentage = width / this.steps.length * (idx+ 1) / width * 100;

this.steps.length - This will always give length of all steps including the hidden steps.This needs to be update only length of the visible steps. and idx always giving the stepid instead of the index of the current step.

To Reproduce
Steps to reproduce the behavior:
Total Steps = [1,2,3,4,5,6,7,8,9]

  1. hide some steps [3,8]
  2. Check clicking next after the hidden step;
  3. now in progress bar you feel issue.

Expected behavior
var widthPercentage = width / visibleSteps.length * (currentactiveinvisiblestepIdx + 1) / width * 100;
Screenshots
If applicable, add screenshots to help explain your problem.

Image
Current Active Step is 4. But progress bar completed.
Desktop (please complete the following information):

  • OS: Windows
  • Browser chrome
  • Version:134.0.6998.89

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions