Description
When a state change is passed to a promise toast, the "slot" size is updated to account for potential size changes. This causes the toasts to spread out evenly so they don't overlap or get unnecessary gaps between them. This is not true for state changes on headless toasts. If the toast() function is called with an id to update the state of a headless toast, the "slots" that the toasts are assigned in the stack of toasts does not reflect any new size updates, causing the toasts to overlap.
I am testing out this library for a large scale web application. We are currently implementing a work-around to this issue by giving the affected toasts a large enough size to account for any potential state changes. However, we would love to see this issue resolved.
Here's an example in V0 where the unwanted behavior is reproduced, along with a couple of gifs that illustrate the problem:
