Animated shape stops working/glitches out ScrollPane when out of view.

Download and run the project (Test.java).

There are 2 ScrollPanels. Both contain an instance of Loop inside a Group, which is a class that extends Parent and is similar to one I am using in my JavaFX project. The Loop class contains a Group which contains a Line. (also, it contains a rectangle to show its bounds). So the path to the Line leaf of the scene graph looks like this (I think): root->ScrollPane->Group->Loop->Group->Line

The difference between the two is that the top Loop fits in the ScrollPanel, while the bottom one doesn't. You can scroll the bottom one to see the rest of the Loop, which is what is expected.

First, make sure both scroll bars are as far left as possible. Then click "Start Scrolling". This button starts a Timeline that scrolls the Line in the Loop to the end of the Loop, then repeats. The Timeline is modifying the Line's translateX property.

The top Loop works fine. But, when the Line goes out of view of the ScrollPanel in the bottom one, the Line stops being drawn even though its translateX property is clearly being updated by the timeline (look at the console output). When you try to scroll the bottom ScrollPane, it's all glitchy.

You can also try restarting the app, scrolling the bottom bar all the way to the right, and starting the animation. It doesn't draw the Line and the Line never comes into view, though it should based on the translateX property.