Styles are not removed after transition slide end

Addeuz commented 3 months ago

Describe the bug

Sometimes the styles applied inline are not removed after the transition is finished. Causing the container that did the transition to have a overflow: hidden (and other things) as an inline style. But then it can work fine 4 tries after.

But the big issue for us is that the overflow: hidden property is there. So any expandable container inside the container doesn't work. As shown in the demo

Reproduction

I was not able to reproduce it locally. But it happens in our staging and production environment, so I've recorded a video. Where one can see that the inline styles are sometimes not removed after the transition finishes. And sometimes they are.

Link to the video (youtube)

Logs

No response

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (16) x64 AMD Ryzen 7 2700X Eight-Core Processor
    Memory: 6.56 GB / 31.27 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 20.13.1 - ~/.local/share/pnpm/node
    npm: 10.5.2 - ~/.local/share/pnpm/npm
    pnpm: 8.6.7 - ~/.local/share/pnpm/pnpm
  Browsers:
    Chrome: 125.0.6422.141
    Chromium: 126.0.6478.114
  npmPackages:
    svelte: ^4.2.11 => 4.2.11

Severity

annoyance

trueadm commented 3 months ago

Do you have a REPL or reproducible example please?

dummdidumm commented 2 months ago

Could you check if it's fixed in Svelte 5?

sveltejs / svelte