I am using Infinite Scroll, and a contextual filter with Masonry Views, I think its a masonry issue as when i inspect the tiny slivered gap it says masonry item.

I made a custom weight field in the node and tried sorting by this. When I did I was getting a weird gap above the first image pushing it down making it look very awkward, when I remove the sort file it goes back to normal.

Then I try sorting by date, and the gap appears in the second column randomly. I have no idea what the cause of this is.

Comments

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

ok I realized that the gaps are due to missing content. In my infinite scroll I have the pager set to ten, if the sort is on and I see gaps every gap their is supposed to be a photo. I should add that I am using devel as this may play a factor.

Stathes’s picture

Sorry dont know what happend above there. I attempted to switch back to an older version of Masonry, ( http://drupal.org/node/1919110 ) this made it so I did not need to have jquery on to have resizable grid which was good, I am still seeing the gaps. For each gap one less item appears on each page however it looks like all the pictures get loaded.

Stathes’s picture

Here is what I did although its still seemingly very buggy.

I switched from masonry .8 to .7- cant help you with a link sorry

Turned off the jquery update & infinite scroll

Then on my sort option it had to be set to DESCENDING, anytime I had ASCENDING the gap would still appear in the first block. Rmember when I inspect the element its coming up as a masonry item and their will be one less item on the page. So not a personal theme issue...I think.

Stathes’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.