react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Toast: inconsistent timers

Open silvalaura opened this issue 3 months ago • 1 comments

------- 1 ------

Description of bug: The toast remains alive for a few seconds after the timer ends

Steps to reproduce:

  1. Open Toast
  2. Go to the Basic Usage section
  3. Click the Show Default Toast button
  4. In the middle of the toast duration, press the Tab key and move the focus to the Close button
  5. Wait ~10 seconds
  6. Move the focus away from the Close button (press the Tab or Shift + Tab key)
  7. Wait until the timer circle has finished
  8. Make sure the toast is still active even when the timer has finished (the circle is not visible)

Toast_Timer_Bug.webm

Expected behavior

  1. The toast should close when the visual timer has ended (no lag)

------- 2 ------

Description of bug: The toast closes immediately after bug with focus + mouse hover

Steps to reproduce:

  1. Repeat the first 5 steps from the previous bug
  2. While keeping the focus on the Close button, hover the mouse cursor over it and then remove it
  3. Note that the toast closes immediately

Toast_Mouse_Bug.webm

Expected behavior

  1. If the toast has focus, the toast should not be dismissed

silvalaura avatar Sep 15 '25 17:09 silvalaura