AEM 6.2 in Editor mode ContentWrapper height=3.35544e+07px;

I am experiencing this issue. Have you been able to address this? Seems like any element i give "height: 100%" gets this infinite height on ContentWrapper

Hello,

We were recently upgrading our AEM from 5.6 to 6.4. After successful upgrade to 6.4, we also experienced #ContentWrapper infinite height issue. I have checked many blogs and post in community forms and it looked like people were using height: 100% in there custom css somewhere in their projects but that was not the case in our project.

By digging around i found a solution, hope it'll work for others as well,

In AEM editor mode, #ContentWrapper <div> gets dynamically injected from 'ContentFrame.js' file. You can located this file at /libs/cq/gui/components/authoring/editors/clientlibs/core/js/ContentFrame.js (this is the path in AEM 6.4 not sure about earlier versions). This file has a functions 'getDocumentHeight()' which returns maximum of "(doc.body.scrollHeight, doc.documentElement.scrollHeight, doc.body.offsetHeight, doc.documentElement.offsetHeight)" and causes page height in edit mode to go infinite. Change this function to return "Math.min()" instead of "Math.max()" to accurately calculate height of the pages in AEM edit mode.

DO NOT CHANGE anything in the original file located under '/libs' instead create an overlay '/apps/cq/gui/components/authoring/editors/clientlibs/core/js/ContentFrame.js' and make this change.

Hope this will resolve your issue

Thank You