Why does the IntersectionObserver Callback only take care of the first entry?

[johnsmith0209]

• v3-infinite-loading@1.2.2

I was caught on an issue: When the page was mounted, not every time the @infinite event was called.

After I added console.log to the IntersectionObserver callback, I found that the entries param was an array with 2 items.

But the code shows that only first item of entries is used. Why ?

vue3-infinite-loading/src/utils.ts

Line 34 in 089119f

const entry = entries[0];

Shouldn't this code be like:

const entry = entries.at(-1);

[oumoussa98]

The observer is intended to observe only one element, which is the infinite-loading component itself;
so entries length shouldn't be more than 1 element;

vue3-infinite-loading/src/utils.ts

Line 42 in 089119f

if (params.infiniteLoading.value) observer.observe(params.infiniteLoading.value);

however, it could also be caused by this issue #78 that has been fixed in the latest version;

I recommend upgrading to the latest version (1.3.2);
If the problem persists, please provide a repro so we can further investigate;