Issues with UI sortables 1.6b
Hi there,
Trying to make a sortable list with UI sortables. I have a couple of
issues.
1. auto scrolling at the bottom of the list does not work in Opera.
2. I cannot make a large <li> element go beneath a smaller <li>
element on a sortable list. E.g.
I initiate the sortable list with (I'm only showing the relevant parts
of the code):
$(window).bind('load',function(){
$("#chklist1").sortable({
axis:"y",
handle:$(".clhandle"),
tolerance:'intersect',
});
});
Later, my sortable list:
<ul id="chklist1">
<li id="chkl1_1" class="clobject">
<div id="clhandle1_1" class="clhandle"></div>
<div class="clist-content"> lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna
rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet
enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus
pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget
euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum
enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae
nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu,
blandit sed, blandit a, eros.</div>
</li>
<li id="chkl1_2" class="clobject">
<div id="clhandle1_2" class="clhandle"></div>
<div class="clist-content"> short text</div>
</li>
<li id="chkl1_3" class="clobject">
<div id="clhandle1_3" class="clhandle"></div>
<div class="clist-content"> short text</div>
</li>
</ul>
I cannot get the <li> with the long text (chkl1_1 in this case) to go
beneath the bottom <li> (chkl1_3 in this case). It drags along the 'y'
axis as normal, and simply returns to its original location on mouse
release, without rendering a proxy. However, if an <li> is of similar
or equal height to the bottom <li>, it works as normal.
Can anyone please help me, to enable a large element go beneath a
smaller last element? Or should I report this as a bug?
Kind regards
M