views:

7

answers:

0

I have two dimensions sorting bug in IE8 and below.

IE just doesn't know to handle this thing.

Image demonstrating the problem.

As you can see, there are two levels of sorting items. Two dimensions. In all of the browsers this thing works perfect. Only IE get crazy.

My code

 $("#experienciasProfissionais").sortable({
    placeholder: 'ui-state-highlight',
    cursor: 'n-resize',
    handle: '.drag',
    axis: 'y',
    revert: true,
    over: function (event, ui) {
        ui.placeholder.css('height', ui.item.css('height'));
    },
    tolerance: 'intersect'
});
$("#experienciasProfissionais > li > ul").sortable({
    placeholder: 'ui-state-highlight',
    cursor: 'n-resize',
    axis: 'y',
    revert: true,
    over: function (event, ui) {
        ui.placeholder.css('height', ui.item.css('height'));
    },
    tolerance: 'intersect'
});

The moment I let the first JQ object to run, everything get fucked up. He accept only one level of sorting. 2 are totally forbidden.

In FF & Chrome everything is just fine. Only IE gives the creeps.

Any ideas from your experience will be highly appreciated.

Thanks, Solomon.