UI Slider continuously following mouse's x position
Hi all,
I'm hitting a bug that only occurs when I place a slider inside a certain div on my page. In this div, once I click the first mousedown on a slider handle or slider bar, the handle continuously follows the mouse's x position (even when I click on or off the slider--it seems to be ignoring all mouseups and mouseups) until I click outside of the div, which correctly causes the handle to stop. If I place the slider on the same page but outside of this problematic div, it behaves normally.
The CSS for the div is a bit complex and draws from multiple sources, but if it's necessary, I could copy/paste the CSS properties/values from Firebug into a followup post.
Any ideas of what might be causing this issue, or things that I should check? The div also happens to sit on top of an OpenLayers map with some custom JS code, in case that's relevant.
This is with jQuery 1.3.2 and jQuery UI 1.7.2, and I'm seeing this behavior in Firefox 3.6, Safari 4, and Chrome (all on Mac).
Thanks!
Tom