chriscoyier/MovingBoxes — Issue #55: Problems with a form in the bottom of the <div> panel
Author: udi
Created: 2011-12-17 08:09:18+00:00
State: open

I have a

as the panel, and at its bottom there is a form. This form is actually another jquery plugin used for star rating (jquery.rating.js).

There are couple of issues (not sure whether they are because of the star rating plugin or the form itself):
1. The bounding box of the panel is not calculated correctly, and "cuts" the stars.
2. The stars of in the side-panels are active (they are based on radiobutton inputs). When clicking on them, they actually get clicked, and at the same time, the panel slides to become the central. However, when it is the one in the middle, the height of the box does not adapt to the new div height (it "cuts" the image).
3. Not sure if this is related, but I added code that when the user clicks the stars of the central panel, it automatically jumps to the next panel:
$('.auto-submit-star').rating({callback: function(value, link){
var mb = $('#boxes').getMovingBoxes();
mb.currentPanel(mb.currentPanel()+1);
};
This works out usually fine, but sometimes the box slides but does not update the height of the box to the new panel.