Daniel Hult Posted November 14, 2019 Share Posted November 14, 2019 Hi, I tried to include GSDevTools in a new project that uses version 3 of gsap. It seems like it's not working properly (I can't play the timeline and/or use the bar to scroll through it), is this something that is not fully supported in v3 yet? Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 14, 2019 Share Posted November 14, 2019 Hey Daniel, GSDevTools should be working. Can you please create a demo where it's not working and share it with us? Link to comment Share on other sites More sharing options...
Daniel Hult Posted November 14, 2019 Author Share Posted November 14, 2019 Yep! Take a look here: codepen.io/daniel-hult/pen/abbRxOQ Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 14, 2019 Share Posted November 14, 2019 The issue is that your master timeline is paused initially. Since GSDevTools selects the global timeline when it's initialized, it has nothing to hook up to in your demo. You have two options: Pass the master timeline into your dev tools instance, i.e. GSDevTools.create({animation: master}) Unpause the timeline (and optionally pause the dev tools instance instead, i.e. GSDevTools.create({paused: true})) Does that make sense? More info in the GSDevTools docs. Link to comment Share on other sites More sharing options...
Daniel Hult Posted November 14, 2019 Author Share Posted November 14, 2019 Ah, yeah there it is! One last thing though: Im using z-index on some elements, so they are over the control bar. Is it possible to make the devtools be in front always? Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 14, 2019 Share Posted November 14, 2019 Sure. The easiest way is to probably use the css property: GSDevTools.create({animation: master, css: {zIndex: 3}}) The docs cover that as well 2 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