Height calculation wrong

Hi,

I implemented your library in my code, but the height calculation is wrong.

I have a content page with a largest content, but when it is loaded by the iframe it has a wrong height (my content page has 1700px of height and the iframe load with 150px).

Also every time an action is triggered (click, focus, etc) my iframe decreases the height until it arrives to zero.

I put the two scripts in the last version on my pages, and i tried to resolve this problem with some options, but i could not do this. Can you help me?

My code is that:

<iframe id="rightNow" src="https://phooto-br.custhelp.com/app" scrolling="no" onload="iFrameResize({
				log: true,
				enablePublicMethods: true,
				contentWindowBodyMargin: 0,
				heightCalculationMethod: 'scroll'
			})"></iframe> 

I have some prints of my console:

Here is when my iframe detects an action and triggered it, decreasing the height:

If you can help me, I would be grateful. Thanks!

[davidjbradshaw]

Make sure you have a valided <doctype /> and then check your CSS does not overflow the bottom of the page. Height calculation issues always come down to one of these two things

[ArturasMi]

Having same problem. Height is always set to 150px and I tried to use ‘lowestElement’ but than height is being set to something like 100k px and when you scroll down it increases fast to 6mln px on mobile devices ( tested on samsung with android 8 and iphone x) and also it’s not really calculated correct on desktop devices, I would say it’s about 150px more than it should be and on resize it increases to ~800px more than it should be. I had similar issue before so I ended up using tolerance: 3. It helped somehow so I tried to use same option on current solution but no luck at the moment.