To be honest, I gave up on Connect sizing the iframe correctly, so we have this snippet to fix it:
// Fix for incorrect iframe sizing
export const resizeFix = (): void => {
let scrollHeight = document.body.scrollHeight;
const observer = new MutationObserver(() => {
if (scrollHeight !== document.body.scrollHeight) {
scrollHeight = document.body.scrollHeight;
if (AP && AP.resize) {
AP.resize('100%', `${scrollHeight.toString()}px`);
AP.sizeToParent();
}
}
});
observer.observe(document.body, {
attributes: true,
childList: true,
subtree: true
});
};