My Palette内のドラッグ関連

[saucer-jp]

• ドラッグ中アイテムがMy Paletteを出ないようにしたい。
• ドラッグ中アイテムのドロップ先選びがちょっと難しいので簡単にしたい。

[u1tnk]

当初#sortableの中しか動かないようにしてたんですが、ソートがとても難しかったので制限を外しました。

myPallte内ぐらいのゆるい制限でしたら簡単にできます。

sortableのpadding大きくすれば大丈夫かなぁ…

ソートが難しいのは認識してるんですが、どのCSSが影響してるのか、サンプルを素直に実装したときより難しくなっちゃってます。縦の並びかえならうまく動くんですが…

正直自分でも気になってて、妥協したところなので両方もうちょっと試行錯誤してみます。

[saucer-jp]

やっぱりその辺の調整って難しいのですね… 現在のドロップ先が#myPallete内ですし、#myPalleteの制限が簡単とのことですので、まずはそれでも良いかと思います。

ソートは、ご負担にならない範囲で調整いただければと思います。 感謝です。

On 2011/09/05, at 18:14, u1tnk wrote:

当初#sortableの中しか動かないようにしてたんですが、ソートがとても難しかったので制限を外しました。

myPallte内ぐらいのゆるい制限でしたら簡単にできます。

sortableのpadding大きくすれば大丈夫かなぁ…

ソートが難しいのは認識してるんですが、どのCSSが影響してるのか、サンプルを素直に実装したときより難しくなっちゃってます。縦の並びかえならうまく動くんですが…

正直自分でも気になってて、妥協したところなので両方もうちょっと試行錯誤してみます。

Reply to this email directly or view it on GitHub: https://github.com/saucer-jp/web_color_palette/issues/3#issuecomment-1997066

[u1tnk]

こういうUI系の操作はCSS入れると動き変わっちゃったりすることが多くて、ハマると難しいですね。 自分の専門がサーバサイドなので力不足が一番の理由ですがw

できる範囲で改善してみます。あんまりうまくいなかったら今度のP4Dで相談してみますかw

[saucer-jp]

jsとcssが連動し始めると制御やっかいですよね。 P4D相談アリですねｗ

On 2011/09/06, at 9:09, u1tnk wrote:

こういうUI系の操作はCSS入れると動き変わっちゃったりすることが多くて、ハマると難しいですね。 自分の専門がサーバサイドなので力不足が一番の理由ですがw

できる範囲で改善してみます。あんまりうまくいなかったら今度のP4Dで相談してみますかw

Reply to this email directly or view it on GitHub: https://github.com/saucer-jp/web_color_palette/issues/3#issuecomment-2007554

[saucer-jp]

随分間があいてしまいましたが、sortableの調整しました！ ちゃんと動いてなかった原因はsortable関数の実行タイミングだったようで、 このアプリの場合sortしたい対象が動的に入れ替わっているので、 変更毎に関数を呼んであげたら正しく動くようになりました。

On 2011/09/06, at 9:09, u1tnk wrote:

こういうUI系の操作はCSS入れると動き変わっちゃったりすることが多くて、ハマると難しいですね。 自分の専門がサーバサイドなので力不足が一番の理由ですがw

できる範囲で改善してみます。あんまりうまくいなかったら今度のP4Dで相談してみますかw

Reply to this email directly or view it on GitHub: https://github.com/saucer-jp/web_color_palette/issues/3#issuecomment-2007554

[u1tnk]

おおお！

修正内容は納得です。 しかし現象がちょっと不可解すね、なんで修正前は中途半端に動くんだろ… まあ、解決したので深追いする必要も無いと思いますが。

こちら放置してたのを解決してくれてありがとうございます！

[saucer-jp]

sortableにcontainment: '#myPalette',を追加しました。お陰様でMy Palette内のドラッグ動作が思い通りになりました！ありがとうございます！