Bom dia!
Em um dos videos disponibilizados no canal oficial do scriptcase o Eliel ensina como ajustar automaticamente a altura do iframe em um mestre e detalhe com uma função javascript, tentei replicar a ideia, no desktop funcionou perfeitamente, porem na versão mobile o iframe fica reduzido ao minimo e não exibi o conteúdo, alguém saberia como solucionar
código da função javascript:
function adjustIframeHeight(iframeId) {
var iframe = document.getElementById(iframeId);
if(!iframe) {
console.error(‘Iframe with ID “${iframeId}” not found.’);
return;
}
try {
var newHeight = iframe.contentWindow.document.body.scrollHeight + 50;
iframe.style.height = newHeight + ‘px’;
} catch (e) {
console.error (‘Erro ao ajustar a altura do iframe:’. e);
}
}
function setupMutationObserver(iframeId) {
var iframe = document.getElementById(iframeId);
if(!iframe) {
console.error(‘Iframe with ID “${iframeId}” not found.’);
return;
}
try {
var targetNode = iframe.contentWindow.document.body;
var config = { attributes: true, childList: true, subtree: true };
var observer = new MutationObserver(mutationsList => {
for (var mutation of mutationsList) {
adjustIframeHeight(iframeId);
}
});
observer.observe(targetNode, config);
} catch (e) {
console.error('Erro ao configurar o MutationObserver:', e);
}
}
codument.getElementById(‘nmsc_iframe_liga_nome_da_grid’).onload = function() {
var iframeId = ‘nmsc_iframe_liga_nome_da_grid’;
adjustIframeHeight(iframeId);
setupMutationObserver(iframeId);
};
