extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2025-02-02 03:20:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix race condition that could cause the editor to not scroll the cursor(s) into the viewport upon loading

Browse Source
This commit is contained in:
Jonatan Heyman 2024-07-15 20:23:17 +02:00
parent 4b5222c324
commit 86243f493d
4 changed files with 39 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/editor/editor.js
View File

@ -136,6 +136,7 @@ export class HeynoteEditor {
} }
setContent(content) { setContent(content) {
return new Promise((resolve) => {
this.note = NoteFormat.load(content) this.note = NoteFormat.load(content)
// set buffer content // set buffer content
@ -152,7 +153,9 @@ export class HeynoteEditor {
// when moving the cursor to the end of the buffer when the program starts // when moving the cursor to the end of the buffer when the program starts
ensureSyntaxTree(this.view.state, this.view.state.doc.length, 5000) ensureSyntaxTree(this.view.state, this.view.state.doc.length, 5000)
// set cursor positions // Set cursor positions
// We use requestAnimationFrame to avoid a race condition causing the scrollIntoView to sometimes not work
requestAnimationFrame(() => {
if (this.note.cursors) { if (this.note.cursors) {
this.view.dispatch({ this.view.dispatch({
selection: EditorSelection.fromJSON(this.note.cursors), selection: EditorSelection.fromJSON(this.note.cursors),
@ -165,6 +168,9 @@ export class HeynoteEditor {
scrollIntoView: true, scrollIntoView: true,
}) })
} }
resolve()
})
})
} }
getBlocks() { getBlocks() {

2
tests/block-creation.spec.js
View File

@ -8,7 +8,7 @@ test.beforeEach(async ({page}) => {
await heynotePage.goto() await heynotePage.goto()
expect((await heynotePage.getBlocks()).length).toBe(1) expect((await heynotePage.getBlocks()).length).toBe(1)
heynotePage.setContent(` await heynotePage.setContent(`
∞∞∞text ∞∞∞text
Block A Block A
∞∞∞text ∞∞∞text

4
tests/formatting.spec.js
View File

@ -10,7 +10,7 @@ test.beforeEach(async ({ page }) => {
test("JSON formatting", async ({ page }) => { test("JSON formatting", async ({ page }) => {
heynotePage.setContent(` await heynotePage.setContent(`
∞∞∞json ∞∞∞json
{"test": 1, "key2": "hey!"} {"test": 1, "key2": "hey!"}
`) `)
@ -25,7 +25,7 @@ test("JSON formatting", async ({ page }) => {
}) })
test("JSON formatting (cursor at start)", async ({ page }) => { test("JSON formatting (cursor at start)", async ({ page }) => {
heynotePage.setContent(` await heynotePage.setContent(`
∞∞∞json ∞∞∞json
{"test": 1, "key2": "hey!"} {"test": 1, "key2": "hey!"}
`) `)

4
tests/note-format.spec.js
View File

@ -11,7 +11,7 @@ test.beforeEach(async ({ page }) => {
test("test restore cursor position", async ({ page, browserName }) => { test("test restore cursor position", async ({ page, browserName }) => {
heynotePage.setContent(`{"formatVersion":"1.0", "cursors":{"ranges":[{"anchor":13,"head":13}],"main":0}} await heynotePage.setContent(`{"formatVersion":"1.0", "cursors":{"ranges":[{"anchor":13,"head":13}],"main":0}}
∞∞∞text ∞∞∞text
Textblock`) Textblock`)
await page.locator("body").press((heynotePage.isMac ? "Meta" : "Control") + "+Alt+Enter") await page.locator("body").press((heynotePage.isMac ? "Meta" : "Control") + "+Alt+Enter")
@ -24,7 +24,7 @@ block`)
test("test save cursor positions", async ({ page, browserName }) => { test("test save cursor positions", async ({ page, browserName }) => {
heynotePage.setContent(`{"formatVersion":"1.0", "cursors":{"ranges":[{"anchor":9,"head":9}],"main":0}} await heynotePage.setContent(`{"formatVersion":"1.0", "cursors":{"ranges":[{"anchor":9,"head":9}],"main":0}}
∞∞∞text ∞∞∞text
this this
is is