Firefox на конце перетаскивания не вызывается в реагирующем компоненте

Question

Я пытаюсь реализовать действительно базовую функцию перетаскивания с помощью перетаскивания HTML5 в компоненте React. Мне нужно только получить уведомление, когда началось перетаскивание и когда оно закончилось. Хотя это отлично работает в Chrome и IE11, я не получаю уведомления о перетаскивании в последнем Firefox. Вы можете увидеть пример здесь

http://jsbin.com/lifico/edit?js,console,output

Любые идеи?

Answer 1

В Firefox вам необходимо установить некоторые данные в члене dataTransfer события при запуске перетаскивания. В вашем случае вы можете просто установить пустую строку:

onDragStart={(e) => { 
      e.dataTransfer.setData('text',''); 
      console.log('drag start');}} 

ВИДЕТЬ MDN documentation.