diff --git a/src/livePreview/__test__/live-preview.test.ts b/src/livePreview/__test__/live-preview.test.ts index c2c362c8..dfdcce7d 100644 --- a/src/livePreview/__test__/live-preview.test.ts +++ b/src/livePreview/__test__/live-preview.test.ts @@ -460,7 +460,7 @@ describe("testing window event listeners", () => { document.body.appendChild(descPara); document.body.appendChild(linkPara); - addEventListenerMock = vi.spyOn(window, "addEventListener"); + addEventListenerMock = vi.spyOn(document, "addEventListener"); }); afterEach(() => { @@ -482,7 +482,7 @@ describe("testing window event listeners", () => { livePreviewInstance = new LivePreview(); expect(addEventListenerMock).toBeCalledWith( - "load", + "DOMContentLoaded", expect.any(Function) ); readyState.mockRestore(); diff --git a/src/livePreview/live-preview.ts b/src/livePreview/live-preview.ts index 5b3b9a93..243f9272 100644 --- a/src/livePreview/live-preview.ts +++ b/src/livePreview/live-preview.ts @@ -39,10 +39,13 @@ export default class LivePreview { if (config.enable) { if ( - typeof document !== undefined && - document.readyState === "complete" + typeof document !== undefined ) { - this.requestDataSync(); + if(document.readyState === "interactive" || document.readyState === "complete"){ + this.requestDataSync(); + } else { + document.addEventListener("DOMContentLoaded", this.requestDataSync); + } } else { window.addEventListener("load", this.requestDataSync); }