TypeError: elem is undefined - custom query

[p-drolima]

Hi Desandro,

Hope you well. I am not 100% sure what this error means but I really cant see a solution for this so perhaps might be some kind of bug?

I have a custom wordpress query for which I get the correct return from server but then infinite scroll gives me TypeError: elem is undefined when loading next page.

http://www.dawaf.co.uk/usfew/site/page/2/

Can you please see what is going on here?

Thank you in advance!

[p-drolima]

if you go to that link you will see a var_dump of count($query->posts) which means the query does return the correct amount of posts for next page but it does not display them which is the job of infnite-scroll

[desandro]

Thanks for reporting this bug. I'm not seeing it occur when I visit. Were you able to resolve this?

[p-drolima]

Hi,

Sorry, my client changed a setting. Let me put back the right setting.

[p-drolima]

ok, its back if you want to check. I have debug set to true

[desandro]

Thanks for that. Looks like you're running into a bug with Infinite Scroll because the second page does not contain any elements used for append:

append: '.uf-grid-item',

Two fixes. 1 add .uf-grid-item elements to page/2. 2: add this code to main.js before initializing Infinite Scroll prevent Infinite Scroll from causing the error:

InfiniteScroll.prototype.onAppendHistory = function( response, path, items ) {
  if ( !items || !items.length ) {
    return;
  }
  var firstItem = items[0];
  var elemScrollY = this.getElementScrollY( firstItem );
  // resolve path
  link.href = path;
  // add page data to hash
  this.scrollPages.push({
    top: elemScrollY,
    path: link.href,
    title: response.title,
  });
};

I'll be adding this fix in the next release.

[desandro]

🎉 v3.0.4 has been released with this fix added. Please update!