Auto ajuste de las alturas de los iframes para App Form; maestro-detalle, App grid : grid anidadas

Español
#1

en “onApplicationInit” ejecuten
autoAlturaIframe();
La función

function autoAlturaIframe(){
?>
<script>
    function adjustIframeHeight(iframe) {
        try {
            iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
        } catch (error) {
            console.warn('No se pudo ajustar la altura del iframe:', error);
        }
    }

    function observeIframeContent(iframe) {
        try {
            const observerX = new MutationObserver(() => {
                adjustIframeHeight(iframe);
            });

            const targetNode = iframe.contentWindow.document.body;

            // Configurar el observador para monitorear cambios en el contenido
            observerX.observe(targetNode, {
                childList: true,
                subtree: true,
                attributes: true
            });
        } catch (error) {
            console.warn('No se pudo observar el contenido del iframe:', error);
        }
    }

    window.addEventListener('DOMContentLoaded', () => {
        const iframes = document.querySelectorAll('iframe');

        iframes.forEach(iframe => {
            // Ajustar la altura cuando el iframe se carga
            iframe.addEventListener('load', () => {
                adjustIframeHeight(iframe);
                observeIframeContent(iframe); // Iniciar observación del contenido
            });
        });
    });
</script>
<?php	
}