Tengo una base de código madura que crea sitios web usando dragula. Lo que me encantaría hacer es tener un controlador de arrastre "flotante" que esté absolutamente posicionado, con marcas creadas fuera de los elementos que se están arrastrando. Esto se debe al índice z y a los contextos de apilamiento. En resumen, me gustaría que cuando comience a arrastrar el controlador (que está unos pocos píxeles por encima o por debajo del elemento que se va a arrastrar), en realidad comience a arrastrar el elemento.

Cosas que no funcionarán: El controlador de arrastre no puede estar dentro del elemento que se está drogando, debe estar en una parte separada del html.

Cosas que "PUEDEN" funcionar pero que hasta ahora no pueden funcionar: de alguna manera hacer que cuando comience a arrastrar el gatillo, en realidad llamemos "arrastrar", "arranque de arrastre" o "dragend" en el elemento real habilitado para dragula.

Puedo hacer un identificador que se pueda arrastrar y llamar al código en él, sin embargo, activar las funciones de arrastrar, arrastrar/arrancar/dragend mediante programación no parece permitir que el contenedor se mueva realmente.

Mi último esfuerzo será permitir que el controlador de arrastre sea drogado y, al arrastrarlo, mover la "fuente" al div del controlador de arrastre y, al soltarlo, moverlo hacia afuera, pero eso parece bastante complicado y torpe.

Cualquier nueva idea o código de cómo llamar mediante programación a las funciones de "arrastre" (y hacer que funcionen... básicamente "redireccionando" el arrastre a un objeto diferente) sería