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

Re-render single pages when paginating fixed layout (#61)

Browse Source
This commit is contained in:
Protected
2025-05-30 08:46:42 +00:00
committed by GitHub
parent 9fc0b62803
commit ed6400ddcb
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fixed-layout.js
+6 -8
View File
@@ -179,18 +179,18 @@ export class FixedLayout extends HTMLElement {
#goLeft() { #goLeft() {
if (this.#center || this.#left?.blank) return if (this.#center || this.#left?.blank) return
if (this.#portrait && this.#left?.element?.style?.display === 'none') { if (this.#portrait && this.#left?.element?.style?.display === 'none') {
this.#right.element.style.display = 'none'
this.#left.element.style.display = 'block'
this.#side = 'left' this.#side = 'left'
this.#render()
this.#reportLocation('page')
return true return true
} }
} }
#goRight() { #goRight() {
if (this.#center || this.#right?.blank) return if (this.#center || this.#right?.blank) return
if (this.#portrait && this.#right?.element?.style?.display === 'none') { if (this.#portrait && this.#right?.element?.style?.display === 'none') {
this.#left.element.style.display = 'none'
this.#right.element.style.display = 'block'
this.#side = 'right' this.#side = 'right'
this.#render()
this.#reportLocation('page')
return true return true
} }
} }
@@ -295,13 +295,11 @@ export class FixedLayout extends HTMLElement {
} }
async next() { async next() {
const s = this.rtl ? this.#goLeft() : this.#goRight() const s = this.rtl ? this.#goLeft() : this.#goRight()
if (s) this.#reportLocation('page') if (!s) return this.goToSpread(this.#index + 1, this.rtl ? 'right' : 'left', 'page')
else return this.goToSpread(this.#index + 1, this.rtl ? 'right' : 'left', 'page')
} }
async prev() { async prev() {
const s = this.rtl ? this.#goRight() : this.#goLeft() const s = this.rtl ? this.#goRight() : this.#goLeft()
if (s) this.#reportLocation('page') if (!s) return this.goToSpread(this.#index - 1, this.rtl ? 'left' : 'right', 'page')
else return this.goToSpread(this.#index - 1, this.rtl ? 'left' : 'right', 'page')
} }
getContents() { getContents() {
return Array.from(this.#root.querySelectorAll('iframe'), frame => ({ return Array.from(this.#root.querySelectorAll('iframe'), frame => ({