Search the Community
Showing results for tags 'dropdown'.
-
Hello there, i have a bootstrap 5 dropdown with some items. I created a simple opacity & x translate stagger animation. When you click the dropdown and wait until the animation ends and then click the other dropdown all is fine, until you click fast between these dropdowns the animation breaks and gets bugged. Is there a smarter/better way to reset these animation? Thanks!
-
Hi I built a dropdown navigation menu with gsap you can see a live example here https://sample.blinkpayment.co.uk/blink-learning-podcasts/blink-payment-insights-the-impact-of-contactless-payments-on-businesses Sometimes bugs can be created either randomly or by rapidly hovering over multiple dropdowns in quick succession. What are some ways I could make this code more reliable and better manage state for all of my animations. My codebase is vanilla with typescript. Live example https://sample.blinkpayment.co.uk/blink-learning-podcasts/blink-payment-insights-the-impact-of-contactless-payments-on-businesses Gist example of gsap menu code https://gist.github.com/samducker/3a1debb3a5816addddf76d3e6341927b Video of issues https://share.cleanshot.com/GJb8CW52
- 4 replies
-
- state
- reliability
-
(and 2 more)
Tagged with:
-
Greetings, i would like to create my own HTML dropdown component, similiar to this one https://semantic-ui.com/modules/dropdown.html but with GreenSock animation support I have following questions: Is there any effective way of creating nice component code for greensock or it really doesn't matter (KISS method and reusable code)? How can i animate scrolling inner content by items? (i guess i will need to measure height of one item and then scroll it) Can i publish that component somewhere for others? I would like to create animated UI component pack with some extra JS features like searching etc. Thanks for any kind of help.