bugfix/drawer-smooth-close-animation

[Mahmoud-zino]

Linked Issue

Closes #2212

Description

The weird behaviour is because of the easing function, fly uses cubicOut as a default value so when the transition enters we get the expected result but when it exits the transition will seem faster.

see https://svelte.dev/examples/easing for visual reference.

Adding easing -> cubicIn when exiting will balance the speed of the transition.

Changsets

Instructions: Changesets automate our changelog. If you modify files in /packages, run pnpm changeset in the root of the monorepo, follow the prompts, then commit the markdown file. Changes that add features should be minor while chores and bugfixes should be patch. Please prefix the changeset message with feat:, bugfix: or chore:.

Checklist

Please read and apply all contribution requirements.

• This PR targets the dev branch (NEVER master)
• Documentation reflects all relevant changes
• Branch is prefixed with: docs/, feat/, chore/, bugfix/
• Ensure Svelte and Typescript linting is current - run pnpm ci:check
• Ensure Prettier linting is current - run pnpm format
• All test cases are passing - run pnpm test
• Includes a changeset (if relevant; see above)

[changeset-bot]

🦋 Changeset detected

Latest commit: 36c5698

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@skeletonlabs/skeleton	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
skeleton-docs	✅ Ready (Inspect)	Visit Preview	Nov 6, 2023 6:11pm

[endigo9740]

@Mahmoud-zino this looks so much better! Seems good with a quick glance. I'll aim to merge this before the release tomorrow if time allows.