Autoloader Image Visible on Initial Load [#2741825]

Hi,

I ran into this problem when the Page is initially loaded and no Scroll Event has been fired jet. The autoloader image is shown even no load new content event has been triggered.

The Easiest way to replicate this is to create a view with small content like just headlines and have 4 displayed per page. I attached an Image the Drupal installation is fresh and only required modules are enabled.

Comment	File	Size	Author
#9	autoloader_image_only_on_scroll-2741825-9.patch	758 bytes	AndrewTur
#9
#7	After.png	74.46 KB	krina.addweb
#2	Selection_002.png	34.67 KB	AndrewTur
#5	autoloader_image_only_on_scroll-2741825-5.patch	749 bytes	AndrewTur
#5

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

3 June 2016 at 08:56

Andrew@Germany created an issue. See original summary.

Comment #2

AndrewTur CreditAttribution: AndrewTur commented 16 June 2016 at 12:51

Issue summary:

View changes

File	Size
Selection_002.png	34.67 KB

Comment #3

AndrewTur CreditAttribution: AndrewTur commented 16 June 2016 at 14:14

Version:

7.x-2.0

» 7.x-2.x-dev

Comment #4

AndrewTur CreditAttribution: AndrewTur commented 21 June 2016 at 13:09

I found a way so that the Image only get appended when the click ist triggered by scrolling and there is no image already appended.

if ($pager.find('.pager__item a').length) {
  $('.pager__item a', context).once().bind( 'click', function () {
    if (!$('.views_infinite_scroll-ajax-loader').length) {
      $pager.append(loadingImg);
    }
  });
}

I will create a patch soon.
Btw a debounce function would also be nice probably so that the scroll does not trigger hundreds of clicks.