Not possible to reuse a previously rendered banner after the dismiss transition
jonotrujillo opened this issue · 0 comments
jonotrujillo commented
@freenow/wave
version: 1.27.0
Relevant code
https://codesandbox.io/s/wave-playground-forked-9hlttk?file=/src/App.js
What was expected to happen?
It should be possible to reuse a previously rendered banner after the transition has ended.
Reproduction
- Open the playground: https://codesandbox.io/s/wave-playground-forked-9hlttk?file=/src/App.js
- Click on the "add banner" button several times — this will add several elements to the queue
- See that the first banner is rendered correctly
- Dismiss the shown banner by clicking the "close" button
- See that the next banner in queue is not show
- As a workaround, enable the key prop of the banner component — retry the steps and see that each element in the queue renders a banner