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