скроллинг создания строк в IE9 на сопротивление и падение элементов

Question

https://jsfiddle.net/hjcsnrs3/1/

я создал выше скрипку, чтобы объяснить мою проблему. Я использую jQuery для сортировки элементов перетаскивания по горизонтали. Прекрасно работает в Chrome/FF. Но в IE, особенно IE9, всякий раз, когда я перетаскиваю элемент, он переходит к следующей строке. Каждое падение перетаскивания создает новую строку.

$(function() { 
    $("#sortable").sortable({ 
    items: "> div", 
    opacity: 0.8, 
    placeholder: "placeholder", 
    tolerance: "pointer", 
    helper: "original", 
    revert: true, 
    axis: "x" 
    }); 
    $("#sortable").disableSelection(); 
}); 

Answer 1

Я сделал локальную копию в IE на каждой версии. Он отлично работает во всех версиях, кроме IE5. IE5 имеет ту же проблему, о которой вы говорили.

CSS element>element Selector поддерживается ниже IE7. Для элемента element>, который должен работать в IE8 и ранее, должен быть объявлен <!DOCTYPE>.

изменить его от:

#sortable >div { float: left; } 

к:

.ui-sortable-handle{float:left;} 

Updates Fiddle