jQuery UI arrastra y suelta el problema con desplazamiento

Tengo una ventana emergente div cuando haces clic en cierto texto. Quiero que se pueda mover, así que utilicé la característica jQuery UI draggable() y funciona como un amuleto. Sin embargo, el problema que estoy teniendo es con un div en esta ventana emergente. Estoy mostrando información de una matriz que puede ir de 0 a casi infinito si es necesario. Por lo tanto, estoy usando overflow:auto para convertirlo en un cuadro de desplazamiento. Sin embargo, todo aparece como debería, cuando hago clic en las flechas hacia arriba y hacia abajo para desplazarme hacia arriba y hacia abajo dentro de ese cuadro, en su lugar comienza la función que se puede arrastrar. Es bastante molesto y comprende por qué está sucediendo el problema. Estoy buscando consejos para solucionarlo o solucionarlo de alguna manera.

Aquí hay un jsfiddle para mostrar el problema: http://jsfiddle.net/BnTPG/

Puede usar la opción de manejar. Echa un vistazo (modifiqué tu violín). En mi ejemplo, establecí el título como el control del arrastrable y utilicé algunos identificadores en lugar de las clases como lo hizo.

http://jsfiddle.net/BnTPG/2/

Creo que tienes este problema porque estás usando un posicionamiento relativo y absoluto (es solo una suposición, no probé esto).

Por mi parte, realmente prefiero arrastrar todo mi Popup donde quiero.

Si quieres resolver tu problema, debes agregar un DIV wrap the div who scroll, porque con Firefox creo que la barra de desplazamiento es un enlace al div principal que es dragable y no al schildren que solo es desplazable.

  $('body').on("mousedown", ".draggable", function(e) { // Impossible to drag these LIEN, INPUT, TEXTAREA, SELECT var clicked = $(e.target).get(0).tagName; if (clicked == 'A' || clicked == 'INPUT' || clicked == 'TEXTAREA' || clicked == 'SELECT') { return true; } if ($(e.target).parents().hasClass('selectable')) { return true; } // Stop clic action if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } ... etc ... 
Scrollable text