freenowtech/wave

Not possible to reuse a previously rendered banner after the dismiss transition

jonotrujillo opened this issue · 0 comments

  • @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

  1. Open the playground: https://codesandbox.io/s/wave-playground-forked-9hlttk?file=/src/App.js
  2. Click on the "add banner" button several times — this will add several elements to the queue
  3. See that the first banner is rendered correctly
  4. Dismiss the shown banner by clicking the "close" button
  5. See that the next banner in queue is not show

  1. 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