Jump to content
Search Community

DSDevTools Errors

forge451@gmail.com test
Moderator Tag

Recommended Posts

The instance of GSDevTools ver 3 is not letting me drag the "in marker", "playhead" or "out marker".

 

GSDevTools.min.js:1 Uncaught TypeError: Cannot read property 'scrollLeft' of null
    at va (GSDevTools.min.js:1)
    at HTMLDocument.onMove (GSDevTools.min.js:1)

 

I double checked the GSDevTools version: "3.0.0", and the gsap version: "3.0.1"

I would put up a codepen, but GSAP3 is not listed there yet.

 

This is my total test code...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>devtools test</title>
    <script src="gsap-shockingly-green/minified/gsap.min.js"></script>
    <script src="gsap-shockingly-green/minified/GSDevTools.min.js"></script>

</head>

<body>
    <img class="explosion" src="img/fire_explosion10.png" alt="">

    <script>
        gsap.to(".explosion", {
            x: 300,
            duration: 5
        });

        GSDevTools.create();
    </script>
</body></html>

Link to comment
Share on other sites

Hey forge and welcome to the forums. Thanks for being a Shockingly Green member!

 

I am unable to reproduce these errors:

See the Pen PooXMZM?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Maybe you have some browser extensions that are getting in the way? Have you tried the same demo in a different browser? Any other details you can give us to help us reproduce the error?

Link to comment
Share on other sites

This is strange.

I tried Chrome (with all extensions off), Firefox, and Edge. Still the same problem.

I tried re-downloading the files, making sure I was not using v2 or the v3 betas.

I tried with just local files, as well as on a local server. (just checking off boxes).

I tried removing all code links in your pen, except gsap.min.js and GSDevTools3.min.js to make sure there were not any dependencies I had not included.

 

In the codepen you made, the dragging works on the playhead and both in and out markers (in all my browsers), but there is still another glitch I had not noticed before.

Once you reach the end of the timeline, if you try to use the rewind button, playing from the start fails. It jumps right to the end. Dragging the playhead to the start allows you to replay, but not the rewind button. This behavior is the similar if you move the in/out markers. If you move the out marker, the playhead makes the same "jump to end" behavior; but if you move the in marker even the smallest amount, the timeline works as it is supposed to.

 

Side note: The javascript in the codepens, in the v3 documentation, is still using v2 code.

 

Edited by forge451@gmail.com
side note
  • Thanks 1
Link to comment
Share on other sites

8 minutes ago, forge451@gmail.com said:

Once you reach the end of the timeline, if you try to use the rewind button, playing from the start fails. It jumps right to the end.

Can confirm.

 

10 minutes ago, forge451@gmail.com said:

If you move the out marker, the playhead makes the same "jump to end" behavior

Can confirm this as well. To add more details: let the timeline play to the end. Move the end marker back some amount. Press play. Nothing happens.

 

Something to look at here @GreenSock.

Link to comment
Share on other sites

I checked out the new beta. 

Now when the playhead reaches the end of the timeline, the playhead stays at the end, but the object being animated jumps back to the initial position.

The rewind takes the playhead back to the beginning, and works as expected, but whenever the playhead gets to the end, the target goes back to the start.

... and I still cannot drag either the playhead or the in/out markers. 

Has anyone else experienced this with the downloaded copy?

  • Thanks 1
Link to comment
Share on other sites

1 hour ago, forge451@gmail.com said:

but whenever the playhead gets to the end, the target goes back to the start.

That should be resolved in the beta now, thanks for pointing it out. 

 

1 hour ago, forge451@gmail.com said:

... and I still cannot drag either the playhead or the in/out markers. 

I can't seem to reproduce that. Are you saying that even when you use the beta gsap file, you're unable to drag the playhead or in/out points? It works great in Zach's demo above, so I'm a little lost. Are you seeing the same issue in the codepen? Is there any chance you could provide a reduced test case (ideally in codepen, but we'll take whatever)? 

  • Like 2
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...