AEM 6.2 SP1 - CFP 5 - Touch UI edit mode not rendering the entire page.

Kautuk,

You are pointing me to the same link I posted on my question. I already have seen all the related posts, they all end up in nothing. There is people who was able to solve it, people who wasnt, and nobody reaches a firm conclusion on why this is happening.

I also clarified that looked for negative margins and heights in %, which are two of the possible causes mentioned in the link, but had no success.

This has been around since AEM 6.1, so saying that is a known issue is pretty embarrassing for Adobe. Two years and counting, an there isnt an effective fix for this?

This issue is actually fixed in 6.2 SP1. I am not sure why you are getting the same issue. Still, there is work around to resolve this:

Code:

  getDocHeight: function (doc) {

   doc = doc || document;

   var body = doc.body,

   html = doc.documentElement;

   var height = Math.max(body.scrollHeight, body.offsetHeight,

   html.clientHeight, html.scrollHeight, html.offsetHeight);

   return height;

  },

  setIframeHeight: function (id) {

   var ifrm = parent.document.getElementById(id);

   if (ifrm) {

   var doc = ifrm.contentDocument ? ifrm.contentDocument :

   ifrm.contentWindow.document;

   ifrm.style.visibility = 'hidden';

   ifrm.style.height = "10px";

   ifrm.style.height = CCweb.util.getDocHeight(doc) + 10 + "px";

   ifrm.style.visibility = 'visible';

   }

  }

You can call function as setIframeHeight("ContentFrame") on page load. It will reset the iframe height and content will become scrollable.

Thanks,
Amogh

It is known issue,

*Editor.html has limitations, in CSS vh units are not supported because the iframe height must be automatically adjusted by AEM(instead use % or px).

*100% height is not supported on a page's body element.

*

Check Out:-https://docs.adobe.com/content/help/en/experience-manager-64/developing/introduction/editor-limitations.html.