using $effect disables animate:flip

Describe the bug

I have a variable x, and whenever it changes, I want to run some code. This seemed the obvious solution, and it works:

let x = $state(1)

$effect(() => {
   handleX(x))
})

However, the page update uses a combination of transition:scale and animate:flip. The scale works fine, but the flip is diabled.

When I change $effect to $effect.pre all works fine.

Reproduction

I have not yet been able to write a compact example that reproduces this behaviour. I will try again later.

Logs

System Info

System:
    OS: Linux 6.17 Debian GNU/Linux 13 (trixie) 13 (trixie)
    CPU: (16) x64 Intel(R) Xeon(R) W-1270P CPU @ 3.80GHz
    Memory: 21.75 GB / 31.01 GB
    Container: Yes
    Shell: 5.2.37 - /bin/bash
  Binaries:
    Node: 22.19.0 - /my/opt/node/bin/node
    Yarn: 1.22.22 - /my/opt/node/bin/yarn
    npm: 11.18.0 - /my/opt/node/bin/npm
    pnpm: 11.21.0 - /my/opt/node/bin/pnpm
    bun: 1.3.14 - /my/bin/bun
    Deno: 2.9.4 - /my/bin/deno
  Browsers:
    Brave Browser: 151.1.93.134
    Chrome: 140.0.7339.207
    Chromium: 151.0.7922.108
    Firefox: 153.0.4
    Firefox Developer Edition: 153.0.4
  npmPackages:
    svelte: ^5.56.8 => 5.56.9 
    vite: ^8.2.0 => 8.2.1

Severity

annoyance