Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Stepper][Step] Multiple simultaneously active Steps within the same Stepper is no longer supported #13197

Closed
bluepeter opened this issue Oct 10, 2018 · 4 comments
Labels
component: stepper This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@bluepeter
Copy link

bluepeter commented Oct 10, 2018

Upgrading from 3.1.1. to 3.2.0, we can no longer have multiple simultaneously active Steps within the same Stepper. We accomplished this with multiple <Step active={true}> within the same Stepper which allows us to create a re-orderable recipe of steps like this:

screenshot-fluxguard com-2018 10 10-16-57-14

The fact that now only 1 Step can be active (and therefore visible) significantly reduces the use case flexibility of this component. Indeed, in 3.2 we have active={true} on each Step but it appears to no longer have any impact (the parent Stepper seems to have the active step # on it). This results in a broken experience for our use case:

screenshot-localhost-3000-2018 10 10-17-04-38

You can see another example of our use case for Stepper here. We find this is generally a great way to organize discreet steps, but we need them to be fully visible all the time.

@bluepeter bluepeter changed the title [Step] Multiple active steps no longer supported [Stepper][Step] Multiple active Steps within the same Stepper is no longer supported Oct 10, 2018
@bluepeter bluepeter changed the title [Stepper][Step] Multiple active Steps within the same Stepper is no longer supported [Stepper][Step] Multiple simultaneously active Steps within the same Stepper is no longer supported Oct 10, 2018
@bluepeter
Copy link
Author

bluepeter commented Oct 10, 2018

Possibly a duplicate of #12948

@nikhilem
Copy link
Contributor

Duplicate of #13147

It's fixed now, will be available in the next release

@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Oct 11, 2018
@bluepeter
Copy link
Author

bluepeter commented Oct 15, 2018

@nikhilem @oliviertassinari try as I might, I don't see the fix for my particular issue in the code fixing #13147? That is to say, how can we have multiple active (expanded) Steps in the same Stepper?

It used to be as simple as <Stepper><Step active={true}>...</Step><Step active={true}>...</Step></Stepper> but this no longer works even in 3.2.1.

Am I missing something?

@bluepeter bluepeter reopened this Oct 15, 2018
@bluepeter
Copy link
Author

Sorry, my mistake. I see this is fixed. Thank you!

@oliviertassinari oliviertassinari added the component: stepper This is the name of the generic UI component, not the React module! label Aug 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: stepper This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants