Custom Slides Ignored; Stepper Ignores Steps

react : 6.13.1 spectacle : 6.0.1

I’m trying Spectacle for the first time and ran into this issue Various Issues w/ Imported Slides #678, which mentions it should be resolved by the Slide rewrite. I believe the rewrite has since been released, but the issue is not resolved so I’d like to reopen. Specifically, Slides are discarded if they are not inlined children of Deck. The suggested workaround to wrap Slide contents in React.Fragment allows the Slide to render, but causes nested Steppers to ignore their steps and immediately proceed to the next Slide.

Please see this CodeSandbox I’ve prepared demonstrating the issues I’ve mentioned.

[ryan-roemer]

@kale-stew This might be a related thing to #870 in that both Appear and Stepper are similarly written, and used here: https://github.com/FormidableLabs/spectacle/blob/88e635bae3a00eda9fd35bc77acb9d7ffe5a7b74/src/components/deck/index.js#L143-L144

[matt-d-rat]

Stepper also seems to not work when it is the only child in a slide like:

<Slide>
  <Stepper values={[1, 2, 3]}>{(value, step) => <div>{step}</div>}</Stepper>
</Slide>

It calls the function only once with value = undefined and step = -1.

It starts working when I put a sibling either before or after Stepper though. ¯_(ツ)_/¯

I can also confirm this behaviour. It appears that if you put any element or even a React.Fragment as a sibling, the Stepper component is then somehow happy and works as expected. Weird.