Eventos de arrastar e soltar HTML5 e suporte ao navegador setDragImage
Estou trabalhando em umpequeno plugin jQuery que imita o comportamento arrastável / soltável da jQuery UI com eventos de arrastar e soltar HTML5 nativos.
Um recurso que gostaria de adicionar é a capacidade de especificar o nó que servirá como proxy de arrasto.
Eu fiz um pouco de pesquisa ede acordo com o MDN, fazer isso requer o uso desetDragImage()
, passando uma imagem ou um elemento.
Qual é o suporte parasetDragImage
em diferentes navegadores?
Eu notei que há um plugin chamadojquery.event.drag o que leva um diferente do que eu esperava para este problema.
Esse recurso exigiria que eu fizesse algum tipo de solução alternativa como o plug-in acima, ou isso deve ser possível pronto na maioria ou em todos os navegadores usandosetDragImage
?
EDITAR
Depois de brincar um pouco com essa funcionalidade, parece que essa função é bastante limitada.
Além de não ter suporte em alguns navegadores, usar um elemento DOM arbitrário como o auxiliar requer que ele sejana árvore DOM e visívele então você tem o elemento em si no corpo e uma cópia dele como o manipulador. Isso é principalmente indesejado por esse tipo de plugin.
Além disso, a renderização também é problemática mesmo quando os termos corretos são atendidos. Ao tentar criar um ajudante de<span>TEST</span>
, o próprio auxiliar mostrou apenas um retângulo branco com as dimensões dospan
.
Esses problemas são esperados de acordo com as especificações? Eles poderiam ser corrigidos no código ou precisariam de uma solução alternativa?