This is odd behavior I found in migrating our existing site over to EPi and it causes the editor to infinitely increase in height. We are on update 121 (installed today in the hopes that it would fix the issue).

Steps to reproduce:

1. Create a pagetype with a content area.
2. Create a block with a view style that includes "height:100vh"
3. Add the block to the contentarea on the page
4. The editor will increase in size infinitely.

Here's the source of the rendered page:

Here's the block view:

@model Hendrix.Web.Models.ViewModels.HighlightViewModel



 

Here's a screenshot of the rendered html in the editor in Chrome's Dev Tools. The purple items are incrementing infintely.

https://twitter.com/jayburling/status/756558818478174208/photo/1 

I'm going to try to work around this by adding a style to set the height in edit mode to a set pixel size, but obviously would prefer not to have to. :)

Update: Here's my terrifically bad patch/hack so that I can edit these pages without the editor exploding:

(function () {
    console.log("Loaded vh unit fix for EPiServer editor.");
    if (window.parent.frames.length > 0) {
    var head = document.getElementsByTagName('head')[0];
    var s = document.createElement('style');
    s.appendChild(document.createTextNode(".specific-element-class-name { height: 500px!important; }"));
    head.appendChild(s);
}}());

Thanks!

Jay Burling
burling@hendrix.edu