VRエンジン作成日記

ひたすらVRエンジンを作っていきます

ツリービューでドラッグ&ドロップ2

ツリービューのドラッグ&ドロップの機能を修正した。オブジェクトの隙間に他のオブジェクトを差し込むことができるようになった。また、ドラッグ時の画像を変えた。Drag and Drop APIのsetDragImage()にセットできるのはDOMに登録されていて、display: noneになっていないオブジェクトだけっぽかった。display: noneにすると、その要素の矩形領域の、今現在表示されている内容がドラッグ時の画像として使われてしまう。ドラッグ時の画像がDOMのどこかに登録されていて、かつ画面に表示されないとなれば、画面外の領域に要素を配置するしかない。とりあえずleft: -300pxのところに置いておいた。300ピクセル以上のドラッグ画像が使われると、画面内に出てきてしまいそうだ。

・関連するコミット

fix treeview drag · hikipuro/tea.js@4078ba9 · GitHub