Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix page getting stuck in Foliate GTK

Browse Source
This commit is contained in:
John Factotum
2023-05-18 23:41:26 +08:00
parent 7e618eb2b1
commit fb95b70c8e
1 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+20 -12
View File
@@ -607,19 +607,27 @@ export class Paginator extends HTMLElement {
// FIXME: vertical-rl only, not -lr
if (this.scrolled && this.#vertical) offset = -offset
if (smooth && this.pageAnimation) return new Promise((resolve, reject) => {
try {
const onScroll = () => {
if (Math.abs(element[scrollProp] - offset) > 2) return
element.removeEventListener('scroll', onScroll)
resolve()
this.#afterScroll(reason)
// `requestAnimationFrame` fixes the whole page getting "stuck" when
// transitioning chapters in Foliate (the GTK 4 app).
// It happens often but not always, and resolves itself after
// interacting with the page (e.g. clicking on it).
// IDK what causes it and I can't reproduce it in any other browser
// or even with a WebKitGTK WebView, but this trick seems to fix it
requestAnimationFrame(() => {
try {
const onScroll = () => {
if (Math.abs(element[scrollProp] - offset) > 2) return
element.removeEventListener('scroll', onScroll)
resolve()
this.#afterScroll(reason)
}
element.addEventListener('scroll', onScroll)
const coord = scrollProp === 'scrollLeft' ? 'left' : 'top'
element.scrollTo({ [coord]: offset, behavior: 'smooth' })
} catch (e) {
reject(e)
}
element.addEventListener('scroll', onScroll)
const coord = scrollProp === 'scrollLeft' ? 'left' : 'top'
element.scrollTo({ [coord]: offset, behavior: 'smooth' })
} catch (e) {
reject(e)
}
})
})
else {
element[scrollProp] = offset