[Mirroring] Hitting left and right buttons to iterate through Spark RadioButtons is weird

Steps to reproduce:
1. Compile & run:
<?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"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:HGroup>
<s:VGroup>
<mx:RadioButton id="m1" label="Halo 1" groupName="mxGrp"/>
<mx:RadioButton id="m2" label="Halo 2" groupName="mxGrp" layoutDirection="rtl" direction="rtl" width="200"/>
<mx:RadioButton id="m3" label="Halo 3" groupName="mxGrp"/>
</s:VGroup>

<s:VGroup>
<s:RadioButton id="s1" label="Spark 1" groupName="sparkGrp"/>
<s:RadioButton id="s2" label="Spark 2" groupName="sparkGrp" layoutDirection="rtl" direction="rtl" width="200"/>
<s:RadioButton id="s3" label="Spark 3" groupName="sparkGrp"/>
</s:VGroup>

<s:VGroup >
<s:RadioButton id="s4" label="Spark 4" groupName="sparkGrp2"/>
<s:RadioButton id="s5" label="Spark 5" groupName="sparkGrp2" />
<s:RadioButton id="s6" label="Spark 6" groupName="sparkGrp2"/>
</s:VGroup>

<s:VGroup layoutDirection="rtl">
<s:RadioButton id="s7" label="Spark 7" groupName="sparkGrp3"/>
<s:RadioButton id="s8" label="Spark 8" groupName="sparkGrp3" />
<s:RadioButton id="s9" label="Spark 9" groupName="sparkGrp3"/>
</s:VGroup>
</s:HGroup>
</s:Application>

2. Click on "Spark 1"
3. Hit the right arrow key to iterate to "Spark 2"
4. Hit the right arrow key again to iterate to "Spark 3"

Actual Results:
Instead of iterating to "Spark 3" you go back to "Spark 1". To get to "Spark 3", you have to hit the left arrow key which isn't very intuitive.

Expected Results:
Iterate to "Spark 3"

Workaround (if any):
Use up/down arrow keys.