フィドル: http://jsfiddle.net/RqE2p/
sortable()
インライン テキスト要素のリストがあります。要素は「ナンバーワン」、「ナンバーツー」などです。それらのいくつかの問題(私の場合、「5番」と「2番」などですが、現在のブラウザのズームに依存すると思います)は、ドラッグを開始するとすぐに2番目の単語が2行目に移動することです。
これは、ドラッグ中に要素の幅が変化するためです。Chrome Inspector の Computed Styles では、ドラッグ前の「5 番目」の幅は 75.19999px です。ドラッグが開始されるとすぐに、計算された幅は 75px です。そのため、2 番目の単語は 1 行目に収まりません。
この例では、Chrome でのみ問題があります。しかし、実際のプロジェクトでは、これは FF でも発生します。なぜこの例ではすべてが FF で問題ないのかわかりません。
おそらくjavascriptループを作成し、各ソート可能な要素のcss幅を現在の幅の1.1倍に設定する以外に、これに対処する簡単な方法はありますか?