For ais-pagination component event page-change doesn't fire on IOS

Hi guys,

For ais-pagination component event page-change doesn’t fire on IOS, Chrome. This is the code I use: <ais-pagination :padding="1" v-on:page-change="scrollUp"></ais-pagination>

Pagination itself does work on IOS. Event does fire when I test it on laptop (MacOS). Seems like it’s IOS specific. I use IOS 11.2, IPhone 6s. Chrome version: 63.0.3239.

[alvaxet]

Yes, the issue was with jQuery at the end.

1. alert didn’t appear because of the cache, after I’ve cleared the cache I started to see it. Which means that it does fire the event and the problem is inside the scroll

2. Changing $('html').animate({ scrollTop: $('#search-results').offset().top-60 }, 400); to $('body').animate({ scrollTop: $('#search-results').offset().top-60 }, 400);

fixed it. So it wasn’t vue-instantsearch problem at all

Thank you for your time guys

[jonathan-bird]

@alvaxet I know this is a closed thread, but for future people trying this. The full solution (without jQuery) is:

In methods:

onPageChange() {
    this.$nextTick(function () {
        window.scrollTo({
            top: document.querySelector('.products-list').offsetTop - 60,
            left: 0,
            behavior: 'smooth'
        });
    });
},

In template:

<ais-pagination v-on:page-change="onPageChange" />