Post Loop Carousel – Possible bug

Hi,

I am having a strange issue with only one of the two post carousel sidebar widgets on our site.

Current situation –

I have a ‘Featured Products’ carousel with a fixed list of post IDs in the post query builder.
This shows only one image at a time and is working fine. As they slide across the featured image thumbnails slide to the correct position and it all looks lovely.

Directly after the first sidebar widget, I have a second carousel (‘Other Products’) which uses the taxonomy of category (‘Taxonomies = category:mycatname’) to create the post query to include all posts in that category. This is also set to

My problem (possible bug) –

I am receiving an extra ‘margin-right: 15px’ each time the carousel slides across. This means that after the first slide, you see the margin of the first list item to the left on the second image. Every slide after that moves the margin (white space) slowly to the right in 15px increments.
This means the images gradually look offset from the sidebar they are in and after approximately 15 slides you return to where the margin should be shown on the right-hand side.

Investigation –

I thought this may be some CSS interfering with width of the entire UL and the JavaScript that does the sliding was miscalculating where it should slide home to. This was not the case.

The carousel widget above it is very similar and others used throughout the site content do not have the same issue as seen on this one.

Upon looking at the console.log of the page, I noticed that the featured images are be loaded ‘as they are required’ ONLY on the post carousel that uses a category for the post query .

The first Carousel has a list of pages and works correctly as each list item LI is loaded at the beginning.

The second Carousel is a category and AJAX loads each featured image as the ‘>’ button is clicked. This is where the problem begins. The CSS is being applied and the wrapping UL is then wrong width and the javascript that does the sliding is not including the margin and therefore slowly loses that space.

I am wondering if you have come across this issue?