jquery-ui ordenable: elemento ajustado programáticamente arrastrado

Tengo una lista de elementos que quiero hacer ordenable. Me gustaría hacer que esa lista sea desplazable, pero al mismo tiempo quiero que el identificador aparezca al costado de la lista.

Al hacer clic en un elemento de la lista, puedo hacer que el pop out se muestre fuera de la lista (en este momento, sé qué li han seleccionado), y cuando seleccionan un botón en el popout, creo el ordenable.

¿Puedo crear el ordenable con el li actual como el elemento que se arrastra?

El problema principal aquí que estoy tratando de solucionar es que puedo hacer que el pop explote si es un descendiente del ítem. Pero si hago la lista desplazable, cortará el mango para que no pueda salir a la derecha.

SI el pop out no es un descendiente del li, puedo colocarlo exactamente donde quiero (a la derecha del li seleccionado) pero ahora no se puede usar como manejador para el ordenable (ya que no es un descendiente).

Me pregunto si puedo progtwigr programáticamente el ordenable con el li seleccionado como el elemento que se arrastra ???