Virtual Happy Hour this month, Jun 28, we'll be getting a sneak preview at our soon to launch SaaS CMS!

Try our conversational search powered by Generative AI!

Bottom of page not rendered in edit mode after 9.5 upgrade



After upgrading to the latest version of CMS (9.5), CMS.UI (9.3.4) and Commerce (9.4.1) we have a strange bug. When we view a page in edit mode (on-page editing), the part of the page not visible before scrolling is not rendered. When we scroll down, all we see is a solid grey color and the blue outlines of properties. The bottom of the page is also cut about 200px, so we can't get to the properties at the bottom.

I've included two images to better illustrate the problem:

When I enter edit mode everything seems fine.

But when I scroll down, as you can see, nothing has been rendered further down.

We don't get any errors in the console. Does anyone have any idea what's causing this, or has anyone else experienced this?


Dec 16, 2015 10:00

Hi Lars, 

Seems like you are effected by this known issue:  "CMS-2335: On-page edit: iframe height (100%) makes UI grayed out". The bug is still under investigation.

Dec 16, 2015 10:26

Ok, thanks!

I can't find the bug in the bug list. Is it a newly discovered bug? Is it releated to any of the most recent releases? Can we downgrade to something inbetween 9.0 and 9.5, or should we put our upgrade on hold?


Dec 16, 2015 10:36

Yes, it's newly registered bug in "EPiServer.CMS.UI 9.3.4". 

It should work in earlier versions (EPiServer.CMS.UI 9.3.2/EPiServer.CMS.UI 9.3.3) though I have NOT tested it myself. 

Dec 16, 2015 10:58

Any news on this, Shahid?

The bug still doesn't show up in the bug list, so I assume there's no fix in update 94 (EPiServer.CMS.UI 9.3.5)?


Jan 05, 2016 10:36

I got EPiserver.CMS.UI 9.3.6 and this bug is not fixed.

Added this code when the page is in PageEditing.PageIsInEditMode. It seems to fix the bug.

<script type="text/javascript">
$(document).ready(function() {

var resizeEpiEditIframe = function() {
var body = document.body,
html = document.documentElement;

var m1 =;
var m2 =; = ""; "";

var height = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight); = m1; = m2;

var ifrm = window.frameElement; = height + "px";

setTimeout(function() {resizeEpiEditIframe();}, 1500);
setTimeout(function() {resizeEpiEditIframe();}, 5000); // extra call due slow rendrering of large pages

Jan 14, 2016 9:25

Thanks Daniel!

Shahid, any news on a proper fix in EPiServer.CMS.UI?


Jan 14, 2016 9:29

It was supposed to be fixed in EPiServer.CMS.UI 9.3.7 (Bug - CMS-2335 ), but we still have this problem in Chrome on our site. EpiServer support says it's something site specific that is triggering the bug, so they won't fix it.

Is anyone else still having this problem in EPiServer.CMS.UI 9.3.7 or later?

Edited, Feb 01, 2016 8:42
<p>I'm using&nbsp;<span>EPiServer.CMS.UI 9.3.8 and it now works fine.</span></p>
Feb 01, 2016 8:56

I just updated to 9.3.8, and it works fine for me as well.


Feb 01, 2016 10:19
<p>Thanks for your replies. Daniels javascript workaround fixes the problem, so we'll use it meanwhile waiting for a possible future fix from EpiServer.&nbsp;</p> <p></p> <p></p>
Feb 01, 2016 10:22

We've recently upgraded to EPiServer.CMS.UI 9.4.2 but still have the same problems with the UI being grayed out (the area shown after scrolling) without the workaround-javascript provided above.

Mar 11, 2016 9:36
This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.