jQuery Tools & Colorbox | Styling change on Exit Colorbox

Question

Hi,

http://www.44db.com/demo/carousel_photos/

I'm facing the following behavior. Click on an image, colorbox opens fine! When closing colorbox either by clicking outside the overlay or by clicking on the 'x' close button then on the carousel items if you notice the div items moves a little bit on the left. This happens only the first time and stays like that.

It looks like it is a css thing however I cannot find it. It looks like there are no 'overlapping' stylesheet classes and I have wrapped the carousel in a div to seperate it from the colorbox items with no luck.

Any help would be much appreciated. Thank you

Answer 1

I've found what is being changed but not how to fix it.

If you check $(".items").position() you will notice that after the colorbox is closed the left value is set to -10.

So, something is definitely being changed, not just a browser rendering issue. I suggest you find the function that is called when the colorbox is called and debug to find where it recalculates the position of $(".items"). This is definitely a bug.