Hello,
I have two lists that I am trying to connect. They connect as expected
and everything works except the following issue. In IE if I drag an
item from a list [center] to the list on the right (there are two
lists contained in divs) the element from the first list goes behind
the elements on the second list. This is without any z-index, and with
adding z-index as indicated below.
The code I have for both lists is the same:
$('#centerlist').sortable({
connectWith: ['#rightlist'],
placeholder: "sortHelper",
handle: 'div.itemHeader',
forcePlaceholderSize: 'true',
items: '.groupItem',
dropOnEmpty: true,
tolerance: 'tolerance',
sort:sortObject,
stop: updatePostions
});
}
);
I have attempted to use the z-index option, but to no avail. The lists
drag correctly in FireFox. I've also added the following code that is
called on the sort function:
function sortObject(e,ui){
ui.helper.css('z-index', 95);
ui.item.css('z-index', 95);
ui.placeholder.css('z-index', 1).css('opacity', .6).css('-moz -
opacity', .6);
}
Is there anything further I can do, or anything that I am doing
incorrectly?
