Estou enfrentando um problema de arrastar / soltar.

Eu quero sempre ver o elemento que está arrastando, e eu quero ser capaz de rolar uma div específica para soltar o elemento em qualquer célula da minha tabela. Eu também quero ser capaz de arrastar elemento de qualquer div para qualquer div.

Este exemplo funciona quase bem. Meu último problema é sobre o celularhoverClass property: quando eu estou arrastando um elemento do "container A" perto da borda do "container B", eu implementei um comportamento de rolagem automática para navegar na minha tabela para alcançar qualquer célula. Mas, após a simulação de rolagem, ohoverClass não se aplica à célula direita. No entanto, o elemento é sempre descartado na célula direita.

https://jsfiddle.net/Bouillou/QvRjL/434/

A minha abordagem está correta?

EDITAR

Eu encontrei uma solução alternativa. A idéia é anexar o clone do elemento ao contêiner rolável durante o callback de construção do ajudante e, em seguida, anexar o ajudante ao corpo usando uma função setTimeout após 1ms. A posição do ajudante deve ser mapeada na posição do mouse para evitar problemas de deslocamento.

Aqui está minha solução final:https://jsfiddle.net/Bouillou/QvRjL/434/

Tenho certeza de que é possível desenvolver a melhor maneira de fazer isso.