Jump to content
Search Community

switch pills issue

TerraHQ test
Moderator Tag

Recommended Posts

I have an issue with the animation in some cases.
Using filters (for example: All - Content - Design - Digital), I choose what content to see on my page without refreshing it.
In -All- , -Content- and -Design- there are 7 pills as seen in the codepen.
In -Design- there are only 6 pills.
for example, in -All-, the animation runs correctly. The problem occurs when I switch to -Design- and back to -All-.  GSAP does not take into account the last pill (the seventh in this case) so it does not animate it, removing the inline styles that GSAP adds according to the animation (opacity and visibility).
This makes that the last pill does not appear on the screen but inspecting the code, there it is without being animated.

See the Pen RwybOez by julifredes (@julifredes) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...