Collapsible flickering when toggled too fast - Githubissues

helpscout / hsds-react

Help Scout Design System (HSDS) — React Component Library

MIT License

86 stars 17 forks source link

Collapsible flickering when toggled too fast #1033

Open marceloadsj opened 2 years ago

marceloadsj commented 2 years ago

First of all, great project everyone, congratz. 😄

Steps to reproduce the issue:

Go to https://hsds.helpscout.com/?path=/story/utilities-ui-interactive-collapsible--default-story
Click on Toggle button twice (fast)
Note that the closing animation will jump and flicker

I fixed that issue on this commit (my fork): https://github.com/marceloadsj/hsds-react/commit/c8c0e747fb0a60e1db40d816ac010689ab6404d1

You can double check the difference here: https://hsds-react-collapsible-fix-l4yefe9wj-marceloadsj.vercel.app/?path=/story/utilities-ui-interactive-collapsible--default-story

Let me know what you think! 👍