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 ResizeObserver loop in some situations

Browse Source 
This is caused by 7486360390.

Not sure why it happens, and it only occurs in WebKit. Truncating the
padding seems to be the fix.
This commit is contained in:
John Factotum
2023-05-02 01:35:43 +08:00
parent faaa2f47d4
commit 604a8caf3b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+2 -2
View File
@@ -434,7 +434,7 @@ export class Paginator {
const { width, height } = this.#container.getBoundingClientRect() const { width, height } = this.#container.getBoundingClientRect()
const size = vertical ? height : width const size = vertical ? height : width
const gap = gape * size const gap = Math.trunc(gape * size)
this.heads = null this.heads = null
this.feet = null this.feet = null
@@ -447,7 +447,7 @@ export class Paginator {
this.#maxSizeContainer.style.maxWidth = `${maxColumns * maxColumnWidth}px` this.#maxSizeContainer.style.maxWidth = `${maxColumns * maxColumnWidth}px`
const { width, height } = this.#container.getBoundingClientRect() const { width, height } = this.#container.getBoundingClientRect()
const size = vertical ? height : width const size = vertical ? height : width
const gap = gape * size const gap = Math.trunc(gape * size)
const divisor = Math.ceil(size / maxColumnWidth) const divisor = Math.ceil(size / maxColumnWidth)
const columnWidth = (size / divisor) - gap const columnWidth = (size / divisor) - gap
this.#element.setAttribute('dir', rtl ? 'rtl' : 'ltr') this.#element.setAttribute('dir', rtl ? 'rtl' : 'ltr')