resizedCallback is called too early

Hi, for some reason my iFrame is resized 2 times during the page load and second time it is resized with message different from init and in the code I can see that in this case resizing happens inside requestAnimationFrame(say I use Chrome) which is basically async. But the callback is called synchronously.

...
default:
	resizeIFrame();
	callback('resizedCallback',messageData);
}

function resizeIFrame(){
	function resize(){
		setSize(messageData);
		setPagePosition(iframeId);
	}

	ensureInRange('Height');
	ensureInRange('Width');

	syncResize(resize,messageData,'init');
}

function syncResize(func,messageData,doNotSync){
	/* istanbul ignore if */  //Not testable in PhantomJS
	if(doNotSync!==messageData.type && requestAnimationFrame){
		log(messageData.id,'Requesting animation frame');
		requestAnimationFrame(func);
	} else {
		func();
	}
}

Finally I wrap my callback function into requestAnimationFrame which works as expected but that should be mentioned in docs if not changes in the source code. I would like to help with the fix but have no idea why you put requestAnimationFrame here. Thanks.

[codener]

I am experiencing the same issue as @dshiryaev-plesk. I believe the resized callback should only be called once the resize is done:

function resizeIFrame(){
	function resize(){
		setSize(messageData);
		setPagePosition(iframeId);
		callback('resizedCallback',messageData);
	}
...

Calling back inside the resizeIFrame function even looks a bit cleaner to me.

Would you accept this change?

[dana321]

I had the same issue with iframeresizer where the page loaded too quickly and triggered the javascript before it was ready after switching to a cdn for faster loading times.

The fix was to wrap the call on the onload with the javascript setTimeout function to delay loading by one second (setTimeout(iframeresizer({}),1000); (add the params you need)… You can also set the width and height using the style tag to set the width/height larger than the space you need then it should show correctly after a second… i don’t notice the difference.