When clicking a ToggleButton (or variant), it goes through the wrong states - makes transitions unusable

Steps to reproduce:
1. Create a ToggleButton skin with a transition from down to overAndSelected.
2. Run your app and click the ToggleButton

Sample code:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:ToggleButton skinClass="MyToggleButton"/>
</s:Application>

MyToggleButton.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009">
<fx:Metadata>[HostComponent("spark.components.ToggleButton")]</fx:Metadata>
<s:states>
<s:State name="up"/>
<s:State name="over"/>
<s:State name="down"/>
<s:State name="disabled"/>
<s:State name="upAndSelected"/>
<s:State name="overAndSelected"/>
<s:State name="downAndSelected"/>
<s:State name="disabledAndSelected"/>
</s:states>
<s:Rect id="rect1" width="100" height="100" width.overAndSelected="200">
<s:fill>
<s:SolidColor color="0"/>
</s:fill>
</s:Rect>
<s:transitions>
<s:Transition fromState="down" toState="overAndSelected">
<s:Resize target="

"/>
</s:Transition>
</s:transitions>
</s:Skin>

Actual Results:
Transition is not played.

Expected Results:
Transition should be played, since these are the states the button is going through.

Workaround (if any):