If you're trying to preview a page and the preview window is very short like the screenshot above, you're likely running into a Chromium bug that results in iframes being rendered at 100px in height instead of 100%. This issue is usually seen in Chrome on Windows.

Workaround #1 - Use an alternate browser.

Until this bug is resolved in a future release of Chrome / Edge, please try using an alternate browser such as Firefox.

Workaround #2 - Try adjusting the size of the browser window.

Some users report changing the size of the browser window will cause the 100% height to be respected.

Note - The following former workaround is no longer available in more recent versions of Chrome where LayoutNG is no longer experimental:

If using a different browser is not an option or not preferred, you can also disable the enable-layout-ng flag in Chrome's settings:

  • Open a new tab and visit the URL chrome://flags 

  • Search for enable-layout-ng; this should return a single item named "Enable LayoutNG" as seen below:

  • In the drop down menu to the right of that property, change the selection to Disabled.

  • Re-launch Chrome (using the button that appears at the bottom right-hand corner of the page).

Did this answer your question?