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 scrolling to range following auto hyphen in different column

Browse Source
This commit is contained in:
John Factotum
2023-03-20 00:33:15 +08:00
parent c510d83ea2
commit 1511884137
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+6 -2
View File
@@ -573,9 +573,13 @@ export class Paginator {
return this.#scrollTo(offset, reason) return this.#scrollTo(offset, reason)
} }
async #scrollToAnchor(select) { async #scrollToAnchor(select) {
const rect = uncollapse(this.#anchor).getBoundingClientRect?.() const rects = uncollapse(this.#anchor)?.getClientRects()
// if anchor is an element or a range // if anchor is an element or a range
if (rect) { if (rects) {
// when the start of the range is immediately after a hyphen in the
// previous column, there is an extra zero width rect in that column
const rect = Array.from(rects)
.find(r => r.width > 0 && r.height > 0) || rects[0]
await this.#scrollToRect(rect, 'anchor') await this.#scrollToRect(rect, 'anchor')
if (select) this.#selectAnchor() if (select) this.#selectAnchor()
return return