We also had similar problem. Here ist our display.tpl
{**
* plugins/generic/htmlArticleGalley/display.tpl
*
* Copyright (c) 2014-2017 Simon Fraser University
* Copyright (c) 2003-2017 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* Embedded viewing of a HTML galley.
*}
<!DOCTYPE html>
<html lang="{$currentLocale|replace:"_":"-"}" xml:lang="{$currentLocale|replace:"_":"-"}">
{translate|assign:"pageTitleTranslated" key="article.pageTitle title=$article->getLocalizedTitle()}
{include file="frontend/components/headerHead.tpl"}
{include file="frontend/components/header.tpl"}
<body class="pkp_page_{$requestedPage|escape} pkp_op_{$requestedOp|escape}">
{* Header wrapper *}
<header class="header_view">
<a href="{url page="article" op="view" path=$article->getBestArticleId()}" class="return">
<span class="pkp_screen_reader">
{translate key="article.return"}
</span>
</a>
<a href="{url page="article" op="view" path=$article->getBestArticleId()|to_array:$galley->getBestGalleyId()}" class="title">
{$article->getLocalizedTitle()|escape}
</a>
</header>
<div id="htmlContainer" class="rot">
{$htmlGalleyContents}
</div>
{call_hook name="Templates::Common::Footer::PageFooter"}
{include file="frontend/components/footer.tpl"}
</body>
</html>
We modified the header and footer includes and remvoed the iframe to embed the html article. The htmlGalleyContents has to be defined in HtmlArticleGalleyPlugin.inc.php as already described
This ist display.css of the HTML-galley plugin. I think the overflow was the critical point.
/**
* plugins/generic/htmlArticleGalley/display.css
*
* Copyright (c) 2014-2017 Simon Fraser University
* Copyright (c) 2003-2017 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* Styles for embedded viewing of a HTML galley.
*/
html, body, #htmlContainer, iframe {
height: 100%;
width: 100%;
}
iframe {
padding-bottom: 30px;
}
html, body {
overflow: auto;
}
iframe {
border: 0px;
}