Styles get delayed

[hahahatey]

Describe the bug

Hello everyone
I came across strange behavior. I have a subtree that rendered conditionally. If some element has bind:clientWidth in the subtree then styles get delayed.
How it can be seen.
We can set transition property for opacity in conditional rendered component, set initial opacity as 0 and see when its mounted transition happens from 1 to 0.
It happens only for the first mount for next ones everything works fine.

Its worth to mention that svelte is located in shadowDom

Reproduction

https://stackblitz.com/edit/vitejs-vite-vzuce61q?file=src%2FExample.svelte

Logs

System Info

Chrome Version 135.0.7049.42 
Apple M3 Pro Sequoia 15.4
"svelte": "^5.23.1",

Severity

annoyance

[munHunger]

I have the same issue, but without bind:clientWidth.
although it is likely that I am doing something similar that I have yet to find.

Worth noting here is that it is not "simply" bind:clientWidth that does it.
It also ties into the use of customElement: true.

If you would build your app normaly without webcomponents, then your repl would work

[PavelLaptev]

@hahahatey are you using css: 'injected' in svelte.config.js?