draggable-helper width calculation
Hello
I am using the 'real world sortable' example to create a gallery
editor.
I have thumbnails that can be dragged around inside and between
different 'groups' - in a very similar way to the sortables example.
It is online at:
http://safetycat.org/agraphia_test/
whilst the drag between the groups is active, you notice that as the
thumbnail enters the new group, the helper <dl> resizes incorrectly,
The resulting HTML changes from this:
<dl class="sort ui-sortable-helper" style="position: absolute;
clear:both; z-index: 1000; width: 120px; left:350px; top: 506px;">
to this
<dl class="sort ui-sortable-helper" style="position: absolute;
clear:both; z-index: 1000; width: 550px; left:785px; top: 604px;">
(I understand the changes to left and top are the position as the
element tracks the mouse position)
I've run through the debugger and am having trouble spotting what I
should be doing....
as I understand this, the width is changing *to* the width of the
original parent DIV, as set in the CSS,
.ui-sortable {
.. stuff..
width:550px;
..stuff..
}
the width is changing *from* the original 120px for the DL as set in
the css
dl.sort { ....stuff.... width:120px; ...more css..... }
I've looked on this list in the archives and there is a thread about
the width of the ui-helper in draggable, but I unfortunately could not
understand the advice, could anyone tell me what I need to do to make
sure the correct width is applied to my 'helper'?
Many thanks
James