Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: reuse animation library from modal in expandable #144

Draft
wants to merge 2 commits into
base: next
Choose a base branch
from

Conversation

pearofducks
Copy link
Contributor

@pearofducks pearofducks commented Apr 5, 2024

Two primary goals in this PR:

  • Reuse @itsy/animate that the Modal component uses for transitioning the title to ensure small bundle size
  • Simplify the expand-transition component, might need some checks from @digitalsadhu to ensure I haven't missed something critical - but I don't understand why some of the moving parts are in the original

This PR can safely wait for the Modal's merge, so no rush to review

(I still need to replace the element-collapse use in Toast, but I don't anticipate that being a blocker and wanted to get an RFC first on this change)

@pearofducks
Copy link
Contributor Author

@digitalsadhu - just quickly can you see if there's anything in the expand-transition component I'm changing that is obviously bad? (it did a few obscure things I don't understand the rationale for)

@BalbinaK
Copy link
Contributor

@pearofducks After running the docs locally on Safari, I noticed that the content doesn't hide/show on expand/collapse the same way it does on Chrome and Firefox. The previous implementation worked fine on Safari, which can be checked here.
expanded-transition-safari

Copy link
Contributor

PR Preview Action v1.4.7
🚀 Deployed preview to https://warp-ds.github.io/elements/pr-preview/pr-144/
on branch gh-pages at 2024-06-25 09:28 UTC

@pearofducks
Copy link
Contributor Author

@BalbinaK - thanks for looking into this and spotting that quirk, I'll take a look!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants