When dragging across multiple sortable elements during one drag event, the ui.sender should update to the most recent sortable element dragged through. It currently remains set to the original container.

It would be nice if the button widget provides a method "activate", which executes the code bound to the click event and changes the classes in case of a buttonset (radios).

As it is now, i have to trigger the change event on triggered click.

Example HTML:

<div id="toolbarOpenLayers">
    <input type="radio" id="btnSelectFeature" name="toolbarOpenLayersItem" checked="checked" /><label for="btnSelectFeature">Button1</label>
    <input type="radio" id="btnRoutingStart" name="toolbarOpenLayersItem" /><label for="btnRoutingStart">Button2</label>
    <input type="radio" id="btnRoutingEnd" name="toolbarOpenLayersItem" /><label for="btnRoutingEnd">Button3</label>
    <input type="radio" id="btnRoutingEdit" name="toolbarOpenLayersItem" /><label for="btnRoutingEdit">Button4</label>
    <input type="radio" id="btnHelp" name="toolbarOpenLayersItem" /><label for="btnHelp">Button5</label>
</div>

Example JavaScript:

jQuery("#toolbarOpenLayers").buttonset();
jQuery('#btnSelectFeature').bind('click', function() { jQuery(this).attr('checked', true).trigger('change'); doSomethingElse(); } );
jQuery('#btnRoutingStart').bind('click', function() { jQuery(this).attr('checked', true).trigger('change'); doSomethingElse(); } );
jQuery('#btnRoutingEnd').bind('click', function() { jQuery(this).attr('checked', true).trigger('change'); doSomethingElse(); } );
jQuery('#btnRoutingEdit').bind('click', function() { jQuery(this).attr('checked', true).trigger('change'); doSomethingElse(); } );
jQuery('#btnHelp').bind('click', function() { doSomethingElse(); } );

jQuery('#btnRoutingStart').trigger('click');

This bug only occurs on the IE 6 and IE 8 on Windows XP. It can not be reproduced on IE 6 or IE 8 on Vista, Windows 2003. It even works on Windows XP if the file is opened as a local html file.

<div class="small-box, overflow:hidden">

<div class="big-box">

<div class="resizable"><div class="resizable"> <div class="resizable"><div class="resizable">

</div>

</div>

Once we the 4 inner div resizable. The overflow:hidden feature stopped working.