I append a .draggable.resizable to (an unsized) .tabs panel. I can move this widget about the panel (and the panel extends as required) but as soon as I resize it, the panel collapses and the widget floats outside (and over) the panel. I looked at 1.7.2 (line 223) and 1.8 (line 244) and there's some bug fix for ​http://dev.jquery.com/ticket/1749 which transforms the CSS positioning (from relative to absolute) in the presence of .draggable like so:

if (el.is('.ui-draggable') | | (/absolute/).test(el.css('position'))) {

el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left });

}

If I remove the first condition, like so:

if ((/absolute/).test(el.css('position'))) {

el.css({ position: 'absolute', top: iniPos.top, left: iniPos.left });

}

then the problem goes away. My .draggable.resizable widget remains relatively positioned even after the resize action and stays within the .tabs panel.

$(document).ready(function () {

$("body").css("display", "none"); $("body").fadeIn(4000);

});

Works fine:

<asp:Panel ID="Panel1" runat="server" BackColor="#6699FF" Height="229px" Width="517px"

style="margin-bottom: 11px" />

transition not applied:

<asp:Panel ID="Panel3" runat="server" BackColor="#0000dc"

style="position:absolute; left:449px; top:36px; height: 391px; width: 147px;" />

Using IE 9

Thanks!

When building using grunt release, the .jshint files are not copied to the dist directory. This causes tests to fail when run against the build.