TerraHQ Posted September 1, 2022 Share Posted September 1, 2022 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 More sharing options...
SteveS Posted September 1, 2022 Share Posted September 1, 2022 Except for the first load, the pills are not animating at all between tabs on my end. Link to comment Share on other sites More sharing options...
TerraHQ Posted September 1, 2022 Author Share Posted September 1, 2022 Try it now @SteveS Link to comment Share on other sites More sharing options...
SteveS Posted September 1, 2022 Share Posted September 1, 2022 Still nothing. Link to comment Share on other sites More sharing options...
TerraHQ Posted September 2, 2022 Author Share Posted September 2, 2022 Closed this issue. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now