Skip to content

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

Open
@jonotrujillo

Description

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions