[Bug]: Dialog animations not working correctly

[StefanNjiapay]

Reproduction

See original shadcn bug

Describe the bug

See the same bug here: shadcn-ui/ui#6649

The solution seems to be removing:

data-[state=closed]:slide-out-to-left-1/2 
data-[state=closed]:slide-out-to-top-[48%] 
data-[state=open]:slide-in-from-left-1/2 
data-[state=open]:slide-in-from-top-[48%]

System Info

System:
    OS: macOS 15.3.2
    CPU: (12) arm64 Apple M2 Pro
    Memory: 156.02 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 24.3.0 - /Users/stefannjiapay/.volta/tools/image/node/24.3.0/bin/node
    npm: 11.4.2 - /Users/stefannjiapay/.volta/tools/image/node/24.3.0/bin/npm
  Browsers:
    Chrome: 142.0.7444.176
    Firefox: 145.0.1
    Safari: 18.3.1
  npmPackages:
    @vueuse/core: ^14.0.0 => 14.0.0
    nuxt: ^4.2.1 => 4.2.1
    reka-ui: ^2.6.0 => 2.6.0
    shadcn-nuxt: ^2.3.3 => 2.3.3

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests

[MrHedgehogEsquire]

I had the same weirdness and just updated the latest version of the AlertDialog and it fixed it

[yangsengui]

It works for me