Estoy seguro de que me estoy perdiendo algo simple, pero no puedo encontrar una búsqueda en Google o SO que arroje resultados relevantes debido a la superposición de palabras clave.

Tengo la imagen de un formulario con muchas líneas a las que arrastro campos usando cropper. Es complejo y pierdo la noción de dónde estoy en la página, así que me gustaría "ponerle un alfiler", es decir: arrastrar un alfiler fuera de la barra de herramientas y soltarlo donde estoy trabajando.

Eso es fácil: amplíe con un icono de alfiler fontawesome, arrastrable (), listo.

$("#spanPin").draggable({containment: ".imgCrop_dragArea"});

Excepto que cuando me desplazo, el alfiler se fija a la ventana gráfica, no al elemento debajo: el formulario se desplaza desde debajo del alfiler y pierdo mi lugar.

¿Cómo puedo fijar el pin al elemento, no a la ventana gráfica?

(Probé pin.js, pero eso creó más errores de los que resolvió).