Toast resumes as soon as the window is unfocused

[lcswillems]

1. Go on "Pause and play": https://chakra-ui.com/docs/components/toast#pause-and-play

2. Click "Show Toast" and then "Pause Toast".

3. Go to another tab or window.

4. Wait a few seconds.

5. Go back to the toast tab.

6. The toast disappears whereas it should be paused.

Chakra 3.5.1

[Olliebaba]

I was also surprised to find this. I'm not sure how to accomplish this with the new API.

My use-case is that I want to display a notification until the user acknowledges it.

I don't see onStatusChange fire when the toast becomes unpaused. I also don't see a way to distinguish between 'dismissing' caused by a timer vs by a user event. In place of playing with paused/play states, it would be nice to simply set duration: null and require user interaction to dismiss.

[segunadebayo]

@Olliebaba You can set the duration to Infinity for this

I'm looking into the underlying state machine to get this resolved. This is possibly related to the fact that setTimeout timings are flushed when the page is idle.

Moving this to Zag where it'll be fixed.