Hi,

I’m having trouble preventing the double load effect when there is only one page of results. When there are multiple pages, the span with the data attribute works well. Example: https://abe.stpaulmedia.net/ But when there is only one page, the spinner appears if you scroll. Example: https://abe.stpaulmedia.net/?_sft_focus=civics-citizenship

The display results method is custom, and I’m using the template engine Twig via the plugin Timber. Here are the relevant bits:

functions.php

function spm_modify_blog_homepage_query( $query ) {
	if ( ! is_admin() && $query->is_home() && $query->is_main_query() ) {
		$sf_id = get_field( 'sf_id', 'option' );

		$query->set( 'orderby', 'title' );
        	$query->set( 'order', 'asc' );
		$query->set( 'search_filter_id', $sf_id );
    }
}
add_action( 'pre_get_posts', 'spm_modify_blog_homepage_query' );

index.php

$context = Timber::context();

$context['catalog_search_form'] = Timber::get_widgets( 'catalog-search-form' );
$context['posts'] = new Timber\PostQuery();
$context['pagination'] = Timber::get_pagination();

$templates = array( 'index.twig' );

Timber::render( $templates, $context );

index.twig

<div class="ajax-container">
	<div class="is-container">
		{% if posts %}
			{% for post in posts %}
				{% include 'blocks/preview.twig' %}
			{% endfor %}
		{% endif %}

		{% if pagination.current == pagination.total %}
			<p data-search-filter-action="infinite-scroll-end">End of results</p>
		{% endif %}	
	</div>
</div>

I tried searching the forums but didn’t find this specific issue. Thanks for taking a look, and let me know if you need more info.