MooTools 가로 목록에 문제가있는 정렬 가능

Question

목록 항목을 가로로 표시 할 때 Sortables 클래스를 사용하여 목록 항목을 정렬 할 때 문제가 있습니다. 이 스타일 고정 모든 것을 제거 :

display: inline

이 jsfiddle에 대한 예제를 만들었습니다.

이것은 작동합니다. .countries li의 스타일 시트를 확인하십시오. 목록을 인라인으로 표시하지 않습니다. - http://jsfiddle.net/Wgpqw/

이것은 올바르게 작동하지 않습니다. 목록 주위에 목록 항목을 드래그 할 수 있지만 주위를 이동할 때 정렬이 무작위로 발생합니다. -

인라인 모드에서 목록 요소 배치와 관련이 있다고 생각됩니다. 어떤 도움이라도 대단히 감사합니다.

Answer 1

해결책을 찾았습니다. ul의 스타일을 display: table으로 변경하고 li 요소를 display: table-cell으로 변경하십시오.

해키 당신이 말하는거야? 그것은 작동합니다 :)

바이올린에

업데이트 코드 : http://jsfiddle.net/Wgpqw/2/