Dialog outTransition, outTransitionConfig causes data-melt-scroll-lock not to be destroyed

[syedkhairi]

Describe the bug

When preventScroll={true}, I noticed the component adds data-melt-scroll-lock with style="overflow: hidden; padding-right: calc(0px);". However, when I have all transitions functions and configs (see reproduction), the overflow: hidden and data-melt-scroll-lock remains when dialog is closed, so I can't scroll the body anymore.

Without inTransition, inTransitionConfig, outTransition, and outTransitionConfig, when closed, the data-melt-scroll-lock is destroyed.

In my repro example below I uses shallow routing to open the dialog, but I'll try to whip up another simple example - but I still believe it would behave the same.

Reproduction

https://stackblitz.com/edit/github-3ug31a?file=src%2Flib%2FDialog.svelte

Logs

No response

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (4) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    @sveltejs/kit: ^2.0.0 => 2.5.10 
    bits-ui: latest => 0.21.10 
    svelte: ^4.2.7 => 4.2.17

Severity

annoyance

[huntabyte]

Closing as fixed in bits-ui@next