Cannot Dismiss ToolbarBatchActions Overlay

[dsamerotte]

We're porting an existing project to Svelte 5 and the latest versions throughout (e.g., carbon-components-svelte 0.82.4 ⇒ 0.87.6 and @sveltejs/kit 2.17.2) but are running up against an issue with ToolbarBatchActions. Specifically, once the batch action toolbar overlay becomes active, it cannot be dismissed, neither by clearing selected rows, nor by using the cancel button.

We reproduced the issue by creating a new SvelteKit project (npx sv create my-app), adding carbon-components-svelte/icons, importing css (all), creating two test routes with blank +page.svelte pages, and pasting the two ToolbarBatchActions examples from the docs into each, "Batch selection with batch actions toolbar" and "Batch selection with controlled toolbar." (The latter example overwrites the default cancel behavior.) Neither works, failing in the same manner as in our project.

We suspect this might be a Svelte 5 issue and see the, possibly related, #2033; however, we haven't had a chance to dig in further than that. We also haven't found any other potentially relevant bugs or release notes.

Let us know if you need any additional information. Thanks!

[metonym]

I was able to repro the bug with DataTable with batch actions toolbar with Svelte version 5.20.3 and above.

Can you also confirm if you are on 5.20.3 or above? Can you try 5.20.2 and see if you can still repro the issue?

[metonym]

I've recorded an upstream Svelte bug report: sveltejs/svelte#15386

[dsamerotte]

Yes, we had updated to 5.20.4, and dropping down to 5.20.2 fixes the issue. We're now tracking the upstream bug. Thanks for the quick action!

[metonym]

Thanks again for reporting.

This is fixed upstream by sveltejs/svelte#15389 in Svelte version 5.20.5.

I confirmed that the toolbar example works now for 5.20.5.

For future readers: avoid Svelte versions 5.20.3 and 5.20.4