Accessing DOM elements immediately after setContent fails

[RobinLbt]

When trying to access DOM elements immediately after using editor.commands.setContent(), the elements are not yet available in the DOM.:

// This doesn't work - returns null
editor.commands.setContent("<p id='test'>test!</p>");
const DOMContent = document.querySelector("#test");
console.log("DOMContent found", DOMContent); // null

Currently, I'm using setTimeout as a workaround, but this feels hacky:

editor.commands.setContent("<p id='test'>test!</p>");
setTimeout(() => {
    const DOMContent = document.querySelector("#test");
    console.log("DOMContent found", DOMContent); // works, but not ideal
}, 100);

Is there a proper way to know when the editor content has been fully rendered to the DOM?

[nperez0111]

editor.on('update', callback)

setting content is not synchronous, nor should it be

[RobinLbt]

Great!

Will this callback be triggered even if shouldRerenderOnTransaction is set to false?

[nperez0111]

Yep, that only effects react renders