JQuery UI Draggable Scroll Sensitivity doesn't work in IE7/8


I have an ASP.NET application which includes a panel containing a TreeView, for which the elements can be dragged and dropped. When we upgraded from IE7 to IE8, the auto-scroll stopped working when dragging elements of the tree view. In other words, when we drag an element to the edge of the panel, the panel no longer scrolled automatically.

I should note that we are forcing IE8 to run on IE8 Compatibility Mode (IE7 Standards mode) for the application. We rely on this for other functions to work.
In order to solve the auto-scroll problem, I used JQuery UI’s Draggable API, and this allowed the auto-scroll to work again, which is great.

However, the panel only automatically starts to scroll when dragging an element when the mouse cursor is at the exact edge of the panel - a single pixel sensitivity. In light of that, we set the scrollSensitivity value to a certain amount of pixels (e.g. 40), but doing this didn’t seem to make a difference.

None of the other optional parameters for the Draggable API worked neither.

Here is what we have:

    $(function () {
        $("#tvWorkArea1").draggable({ cursor: "move", scroll: true, scrollSensitivity: 40, containment: "#pnlSrchResult1", opacity: 0.7, helper: "clone"})

None of these optional parameters work, but it’s the scrollSensitivity value we are most interested in getting working, as it is very difficult to scroll when the mouse cursor has to remain still in a 1 pixel spot to scroll upwards or downwards.

Here is the HTML:

<asp:Panel ID="pnlSrchResult1" Style="border-right: 1px solid; border-top: 1px solid;overflow:hidden; border-left: 1px solid; border-bottom: 1px solid;" runat="server" Width="100%" Height="100%">
<ciswc:TreeView ID="tvWorkArea1" ondragstart="javascript:captureNode1();" onfocus="fn(this);" class="ui-widget-content"
onclick="fnStoreEID(0)" runat="server" SystemImagesPath="Common/webctrl_client/1_0/treeimages/"
onunhover="unHoverFunction('WorkArea')" EnableViewState="False" onhover="selectNode('Smart');" Height="100%" width="100%"></ciswc:TreeView></asp:Panel>

If anyone has any ideas or perhaps has experienced this issue before, I would appreciate your replies!

Thank you