Tengo una página que tiene un iframe dentro, quiero ejecutar algún código cuando se inserta un nodo DIV en ese iframe:

este código funciona dentro de firefox (versión 82.0.2)

 const innerObserver = new MutationObserver(function (mutations_list) { mutations_list.forEach(function (mutation) { mutation.addedNodes.forEach(function (node) { if (node.tagName == 'DIV' && node.className.indexOf('onlyoffice') >= 0) { console.log('[OnlyOffice Macro]: UI element insertion detected!') innerObserver.disconnect() node.setAttribute('id', uuid()) const fileName = node.getAttribute('data-filename') listAttachments(node, `${fileName}.docx`) } }) }) }) const outerObserver = new MutationObserver(function (mutations_list) { mutations_list.forEach(function (mutation) { mutation.addedNodes.forEach(function (node) { if (node.tagName == 'IFRAME' && node.className.indexOf('cke_wysiwyg_frame') >= 0) { outerObserver.disconnect() const iframe = node iframe.contentWindow.addEventListener('DOMContentLoaded', onCKEditorFrameLoaded, true) function onCKEditorFrameLoaded(ee) { innerObserver.observe(iframe.contentWindow.document, { subtree: true, childList: true }) } } }) }) }) require(['jquery', 'bootstrap', 'http://172.25.161.211/web-apps/apps/api/documents/api.js'], function ($) { outerObserver.observe(document.querySelector('body'), { subtree: true, childList: true }) })

pero no funciona en Chrome (versión 95.0.4638.69), incluso un nodo div con la clase 'onlyoffice' ya se ha representado en la pantalla, pero Chrome no imprimirá nada en la consola.

¿Tiene alguna idea de lo que puede causar la diferencia?