Strange Behavior in a REPL

[rchrdnsh]

Hi there again :-)

Working on a REPL using the library svelte-motion and I'm running into a bit of a head scratcher for me...

I'm making a settings menu that expands from the gear icon and everything is great until I close it again...that is when the content inside the menu gets...strange...The text in the menu should scale up and down with the menu, but when it scales down again the text gets really big before it scales down....

Just click the gear Icon once to open and the text will scale up smoothly, then click it again to watch the text suddenly get massive, then scale down...

...I don't want the 'gets massive part'...

https://svelte.dev/repl/e3dfacd32e1148c5808417aa27cc51e2?version=3.38.2

[micha-lmxt]

Hi, looks nice so far. I would not try to use 'layout' effects to transform the inner boxes, here is a REPL:
https://svelte.dev/repl/1d8ea18369a646bba4e05a22a7b276a0?version=3.38.2

[rchrdnsh]

hmmmm...i can't tell what you did differently here...do you mind pointing out what you changed? Thank you XD