Svelte 5: Regression since 5.0.0-next.171

[CarboSauce]

Describe the bug

Dialog component provided by svelte-ux breaks (Dialog UI doesn't appear, but backdrop effect does) when changing version from next.170 to next.171. In the repro it further breaks when going from version next.176 to 177 (Backdrop no longer applies)

Reproduction

https://www.sveltelab.dev/5c2s3sjrfto39id

Logs

No output in browser console.

System Info

"devDependencies": {
	"@sveltejs/adapter-auto": "^3.0.0",
	"@sveltejs/kit": "^2.0.0",
	"@sveltejs/vite-plugin-svelte": "^3.0.0",
	"autoprefixer": "^10.4.19",
	"postcss": "^8.4.38",
	"svelte": "5.0.0-next.177",
	"svelte-check": "^3.6.0",
	"tailwindcss": "^3.4.4",
	"tslib": "^2.4.1",
	"typescript": "^5.0.0",
	"vite": "^5.0.3"
},
"type": "module",
"dependencies": {
	"svelte-ux": "^0.72.4"
}

Tested on 3 different machines, it breaks on Firefox and Chromium

Severity

blocking an upgrade

[techniq]

If useful, I have the full Svelte UX docs running on Svelte 5 in techniq/svelte-ux#399 with a PR preview. It's running on 5.0.0-next.183 at the moment (I'm trying to stay up on next releases) and the Dialog and Backdrop look to be working on the first open, but not any subsequent attempts.

I have a feeling its due to the portal action used by both Dialog and Backdrop.

There is also a semi-related issue where when you close the dialog, subsequent DOM elements will be removed.

CleanShot.2024-07-13.at.09.39.02.mp4

[techniq]

I believe I identified the root issue - #12440

[dummdidumm]

Certainly looks like it - therefore closing as duplicate of #12440 which has a more narrow reproduction

[techniq]

@CarboSauce Workaround has been added and deployed as 0.73.2. Update to latest Svelte 5 and Svelte UX versions and let me know if you are still experiencing any issues.