FireFoxでdragoverイベントが発生しない

ドラッグアンドドロップできるファイルソートUIを作った の続き。

前回作ったデモサイト、FireFoxで動かないことに気づいた。dragoverイベントが発生していない。dragstartハンドラ内でDataTransferにsetDataしないと、dragstart以降のイベントが発生しないみたい。
また、dragoverでpreventDefaultしないと、dragover以降のイベントが発生しないブラウザがあるようだ。

修正コミット: dragever evet not fired in FireFox · kawausokun/reordering@32f1265 · GitHub
参考にした: 意外と知らないHTML5 API - Drag & Drop APIとは | CodeGrid

さらに、この変更以降、ドラッグ中のマウス横に「+」アイコンが表示されるようになってしまった。DataTransferに値を設定することで、dropEfectが変わってしまったのかもしれない。dropEfectをちゃんと設定してやる必要がある。

修正コミット: drop effect move · kawausokun/reordering@52ce123 · GitHub