Spark Datagrid column resize and sort bug when releasing mouse outside of headers

Description

The 4.10 spark datagrid column resize and sort behavior changed from earlier releases, regarding interactions between mouse pointer and column header.

Steps to Reproduce

Problem #1:

Running the example code provided below, or using SDK 4.10 spark datagrid in your own application, left-click mouse on header column separator, and still holding down left-click button, drag mouse outside of header region, then release left-click button.

Problem #2:

Running the example code provided below, or using SDK 4.10 spark datagrid in your own application, left-click mouse on header column area to sort the column, and still holding down the left-click button, drag mouse outside of header region, then release left-click button.

Environment

Mac OSX 10.6.8, Apache Flex 4.10.0, Flash Builder 4.6 and 4.7

Expected Behavior

Problem 1:

The column should still be able to resize when the mouse cursor leaves the header region, as long as the left-click button remains down.

Also, the default mouse pointer icon should replace the resize mouse icon when the left-click button is released outside of the header region.

Problem 2:

The column header cell should return to its mouse-up color when the left-click button is released outside of the header region.

Actual Behavior

Problem #1:

Observe that the mouse cursor does not return to the usual pointer icon (the resize-column mouse icon remains displayed).

Also, observe that the column resize stops working when the mouse icon leaves the header region.

Problem #2:

Observe that the column header background color indicates mouse-down (even though the mouse left-click was released, albeit outside the header region).

--------- run this example application to observe bugs -------------

<?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="600" minHeight="600">

<fx:Declarations>
<fx:String id="sampleText">Lorem Ipsum is the standard dummy text of the typesetting industry.</fx:String>
</fx:Declarations>

<s:VGroup horizontalAlign="center" paddingLeft="30" paddingTop="30">

<s:Label text="1. Left-click (and hold) mouse on a column-separator in header, then drag it left and release it"/>
<s:Label text=" outside of header region. Notice the mouse icon does not change back to the normal pointer."/>
<s:Label text="2. Left-click (and hold) mouse anywhere in a header to sort, then drag mouse down outside of"/>
<s:Label text=" header region and release it. Notice the column-header color indicates mouse-down."/>

<s:DataGrid id="dg1">

<s:columns>
<s:ArrayList>
<s:GridColumn dataField="value" headerText="Column 1" width="200"/>
<s:GridColumn dataField="value" headerText="Column 2" width="200"/>
</s:ArrayList>
</s:columns>

<s:ArrayCollection>
<s:DataItem value="

{sampleText}"/>
<s:DataItem value="{sampleText}

"/>
<s:DataItem value="

{sampleText}

"/>
</s:ArrayCollection>

</s:DataGrid>

</s:VGroup>
</s:Application>