Toast group collapses unexpectedly in SolidJS when closing a toast

[Ocyss]

Description

When using the toast component in SolidJS, the toast group unexpectedly collapses even though the closing animation has not finished and the mouse has not left the group. This behavior only occurs in SolidJS usage and does not seem intentional.

Link to Reproduction (or Detailed Explanation)

https://ark-ui.com/docs/components/toast#toast-types

Steps to Reproduce

1. Open the documentation page: https://ark-ui.com/docs/components/toast#toast-types

2. Switch the code example language to SolidJS.

3. Click the StackBlitz link on the right to open the live demo.

4. Trigger and close a toast.

5. Observe that the toast group collapses prematurely while the animation is still running.

20250917-190938.mp4

The first half of the video shows React, which shows the expected behavior.

The second half shows Solid, which shows the incorrect behavior.

Ark UI Version

5.25.0

Framework

• React
• Solid
• Vue
• Svelte

Browser

Brave 1.82.166 (64bit) - Chromium: 140.0.7339.133

Additional Information

I spent hours debugging this issue—tweaking styles, switching browsers, clearing caches, and generally questioning my sanity—because nothing seemed inconsistent. Since both Ark UI and Tark UI had SolidJS selected in the top-right framework switcher, I assumed the live preview was also running Solid. That assumption made me rule out Ark UI itself as the source of the bug for far too long.

Suggestion:
When a user switches frameworks in the top-right selector for the first time, please show a short notice clarifying that this only updates the code samples, while the live preview still runs with React. This would help prevent confusion like mine.

[segunadebayo]

This is a known issue; we'll look into it much later.

[alii13]

@segunadebayo I have raised a fix PR on zag repo, would you to please review it?