Auto height on wrapper menu item stopped working

[bamce]

On one site we have a set of wrapper menu items that picks up pages on the same site from another menu. These iFrames should be auto height - the Auto Height setting on the Advanced tab is "Yes". This worked fine for a while when we set this up (J 3.8.2 or 3.8.3), but now suddenly have stopped working. All the iFrames are fixed height, the Auto Height setting has no function.

The site was updated to Joomla 3.8.4 at the end of last week. I do not know if there has been any PHP upgrades on the webhotel, but it is currently running PHP 7.0.27. I have tried to replace the wrapper component with 3.8.2 and 3.8.3 versions, but this did not help.

I noticed that in the component's tmpl/default php there is a line

Code: Select all

JHtml::_('script', 'com_wrapper/iframe-height.min.js', array('version' => 'auto', 'relative' => true));

but that .js file is nowhere to be found? Something missing?

Any ideas how to solve this? Setting the fixed height to a big number is not a suitable option.

[gws]

Try using the wrapper module instead of the menu item and see if that solves the issue.

[bamce]

Unfortunately not a solution in this case - we are trying to get rid of myriads of modules by using two sets of menus. Using modules would mean that we need another huge set of articles and modules...

[bamce]

I found a solution for this in a thread dealing with the same problem in mod_wrapper. Th solution is very simple!

Make an override for the com_wrapper's default.php in /templates/<your template name>/html/com_wrapper/wrapper/defaut.php

Add this script just before the iframe in the default.php:

Code: Select all

<script type="text/javascript">
function iFrameHeight() {
  var f = document.getElementById('blockrandom');
  f.style.height = '100px' ;
  var d = (f.contentWindow.document || f.contentDocument) ;
  var height = Math.max(d.body.offsetHeight, d.body.scrollHeight) ;
  height += 10; // scrollbars?
  f.style.height = height + 'px' ;
  f.setAttribute("height", height) ;
}
</script>

Set the Auto height to "Yes" on the Advanced tab of your wrapper menu item!

[bamce]

The solution mentioned above was found on https://tjohns.co/web-development/36-jo ... per-module

[ThePiston]

this doesn't seem to work in version 3.8.13