removing fixed height on .roundabout-holder breaks animateToNearestChild when dragging
Any change to the class rule for .roundabout-holder which results in anything other than a fixed height -- either specified in % or auto, or removed completely -- causes the drag behavior to break (animateToNearestChild, if I'm not mistaken) in such a way that when you release the mouse on drag, the roundabout does not move any further. Clicking or dragging still works, but it does not animate to the nearest child; it just stops moving unless acted upon by some other control. I'm using the latest versions of Roundabout (2.4), event.drag (2.2), and jQuery (1.7.2). Also, the setting of responsive to true does not affect this behavior. Here are two examples, side-by-side:
This one works: https://dl.dropbox.com/u/92134327/roundabout_08_dragworks/index.html
This one doesn't: https://dl.dropbox.com/u/92134327/roundabout_10_dragbroken/index.html
As you will see, they are nearly identical, except for commenting out the height setting for .roundabout-holder and adjusting the margins to somewhat center the container object within the browser.
I can verify this, had the same issue, and when I gave the
- container a fixed height, animateTo worked fine.