Currently, when creating a Visual State Transition containing a Keyframe, the 'Transition Time' value for the Transition can be used to extend or compress the length of the Transition.

Doing this extension (or compression) operation moves the position of Keyframes in the Timeline, and also extends or compresses a visual 'track' located between two keyframes, and representing the segment of interpolation.

However, changing the Transition Time value causes the position of moved Keyframes, and the length of this 'track' to desync.

This issue continues to occur even after closing/opening of the file, and takes a complete application restart to resolve.

See attached image.

Repro Steps:

1) Create a Studio Project featuring a MainPage.xaml

2) Introduce a Button Element into the root Grid, and create a Template for it, with any name, and any save location.
This will open the Button in the inline Dummy Template Editor.

3) Whilst inside the Button Template, navigate to the Animation Panel, identify the 'MouseOver' Visual State, and create a Transition on it from '{Star}->MouseOver'.
This will create a '{Star}'->MouseOver' 'Transition' row.

4) Select the newly-create '{Star}-->MouseOver' Transition row.
This will expose the Transition's timeline at the bottom of the application window.

5) With the Transition selected, move the playhead to the 1s mark, then select the Button Template's root Border Element, and key any change in its Properties Panel (a change in the Opacity value is a nice easy one to key)
This will place a keyframe on the Timeline at the 1s mark.

6) From the Visual States Panel, in the '{Star}-->MouseOver' Transition row, adjust the Transition Time value by clicking and dragging over it with the mouse.

Observe how in the Timeline, the keyframe has moved, but the 'track' under it, is either slightly ahead of the keyframe, or slightly behind it.

7) Save all files, and close all open tabs.

8) Re-enter the Button Template, and navigate back to the Visual State Transition modified in steps 5) and 6).
Observe how the Keyframe and the 'track' are still misaligned.

9) Restart the Studio application, re-enter the Button Template, and navigate back to the Visual State Transition modified in steps 5) and 6).
Observe how after restart, the 'track' and 'keyframe' are now re-aligned.

Expected Results: Changing the length of a Visual State Transition moves the Keyframes visible 'tracks' to always align with the position of the Keyframe.