MooTools Sortables avec une liste horizontale présentant des problèmes

Question

Je n'arrive pas à trier les éléments de la liste en utilisant la classe Sortables lorsque les éléments de liste sont affichés horizontalement. Retrait de ce style tout fixe:

display: inline

créé un exemple sur jsFiddle.

Cela fonctionne. Vérifiez la feuille de style pour .countries li - il n'affiche pas la liste en ligne - http://jsfiddle.net/Wgpqw/

Cela ne fonctionne pas correctement. Je peux faire glisser les éléments de liste autour de la liste, mais le sort se produit de manière aléatoire lors du déplacement - http://jsfiddle.net/Wgpqw/1/

Je suppose que cela a quelque chose à voir avec le positionnement de l'élément de liste en mode en ligne. Toute aide est grandement appréciée.

Answer 1

Trouvé une solution. Changez le style de ul en display: table et les éléments li en display: table-cell.

Hacky dites-vous? cela fonctionne :)

code mis à jour le violon: http://jsfiddle.net/Wgpqw/2/