ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve reader infinite scroll chapter change detection

Browse Source 
A 10% intersection threshold does not work for pages that are so long that 10% of the page will never be in the viewport
This commit is contained in:
schroda
2025-02-05 21:23:20 +01:00
parent 187693ce5a
commit b12e28346c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/reader/hooks/useReaderInfiniteScrollUpdateChapter.ts
View File

@@ -25,7 +25,7 @@ interface ElementIntersectionInfo {
[ReadingMode.CONTINUOUS_HORIZONTAL]: ElementIntersection;
}
const OPEN_CHAPTER_INTERSECTION_RATIO = 0.1;
const OPEN_CHAPTER_INTERSECTION_RATIO = 0;
/**
* Returns info about if the start or end of an element is intersecting.
@@ -217,7 +217,7 @@ export const useReaderInfiniteScrollUpdateChapter = (
elementIntersectionInfo,
readingMode,
);
const wasPageScrolledOutOfView = entry.intersectionRatio < OPEN_CHAPTER_INTERSECTION_RATIO;
const wasPageScrolledOutOfView = entry.intersectionRatio <= OPEN_CHAPTER_INTERSECTION_RATIO;
if (!shouldHandleIntersectionEvent(elementIntersectionInfo, readingMode)) {
return;
@@ -242,7 +242,7 @@ export const useReaderInfiniteScrollUpdateChapter = (
wasNextChapterOpened = true;
}
},
{ threshold: [OPEN_CHAPTER_INTERSECTION_RATIO] },
{ threshold: [OPEN_CHAPTER_INTERSECTION_RATIO], rootMargin: '-10px 0px 0px 0px' },
);
intersectionObserver.observe(image);