[jutocito]

Hi,
Depending on the width of my browser window there’s something weird happening when I click the more items button in the portfolio page. For example when the browser window is about 1750 px wide the 5 column layout is re-arranged to a 4 column layout after clicking on the More items button. If I click on the More items button again, the layout re-arrange back to 4 columns. The issue happens also when the browser window is about 1350 px wide, the 4 column layout is rearranged to a 3 column layout if I click on the More items button.

You can see screenshots here:
http://tauban.com/dropzone/ajax_autoarrange_bug/

That’s the only issue that refrains me from going live.
Thanks in advance for getting back to me with a fix asap.

Julien

[ahmetsali]

Hi, this is weird, it works fine on my side. Does this issue also exist on our theme demo site. Also what is your browser version and platform.

[jutocito]

Hi,
Sorry for the late reply and thanks for Yours.
Yes the same issue does exist with your demo site as well, both on Safari 6 and latest version of Chrome on MAC OSX 10.7.

See new screenshots here:
http://tauban.com/dropzone/ajax_autoarrange_bug/

When do you expect to fix this bug?

Julien

[ahmetsali]

Hi, i noticed a similar bug when browser size is about 444px, and i have just made some changes in the script, and fixed it, could you check the url below and see if there is still any bug?

http://themes.pixelwars.org/read/portfolio-ajax.html

[jutocito]

Hi,
Thanks for your reply. It seems you’ve found the solution because I can’t replicate the same error with my browser. But there’s now a small annoying shift/jump of all the thumbnails when I hit the more items button. You see what I mean? Can you please look into that bug too?

Sorry for my ignorance but how can I implement this fix on my theme? will you send me some instructions? which files need to be edited?

Thanks

[ahmetsali]

“But there’s now a small annoying shift/jump of all the thumbnails when I hit the more items button.”

Can you explain this in details, everything is fine when i click “More Items” button.

[jutocito]

Here’s a video screen grab:
http://tauban.com/dropzone/ajax_autoarrange_bug/Screen_Recording.zip

You will notice the padding/spacing between the thumbnails shifts/reduces slightly after clicking the more items button. The thumbnails padding should remain the same when you add more items.

[ahmetsali]

Hmm, i think this a platform specific bug, i don’t see this on win7. And i have no idea why it is happening on Os x right now. To apply the changes edit js/main.js in a text editor;

find line : 232

			// initialize isotope
			$container.isotope({
			  itemSelector : '.hentry',
			  layoutMode : 'masonry'
			});

and replace it with this;

			// initialize isotope
			$container.isotope({
			  itemSelector : '.hentry',
			  layoutMode : 'masonry'
			});
			
			// fix v1.1
			setTimeout(function() { setMasonry(); $container.isotope({ filter: "*" }); }, 0);

and find line : 264

		// Show more images
		moreLink.on( 'click', function() {
			
			moreLink.addClass('loading');
			addItems();
			++page;
			handleMoreLink();
			return false;
		} );

and replace it with this;

		// Show more images
		moreLink.on( 'click', function() {
			
			moreLink.addClass('loading');
			addItems();
			++page;
			handleMoreLink();
			
			// fix v1.1
			setTimeout(function() { setMasonry();  }, 0);
			
			return false;
		} );

or you can wait for the next update which we plan to release in a week.

[jutocito]

Thank you so much for the code. I edited the JS file and it seems to be working now.

For the other bug, it may not occur on win platform but my audience is almost entirely on mac so I’d appreciate if you’d dig a little bit more. One important detail is it occurs only when my browser window is wider than approx. 1600 px and it’s a 4 or 5 column thumbnail list. Hope this precision will help you to find a fix.

[ahmetsali]

Ok, i got it, i wrote this down to bug list, i will try to fix it when i get extra time. I am currently very busy with ongoing projects. Thanks for the feedback.