UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. Review this simple source of the example which works fine when not in an iframe and adds the "zoom" widget for an "<object>" svg when the window.onload is fired:
http://ariutta.github.io/svg-pan-zoom/demo/object.html

2. Review this code pen of the same page within an iframe in chrome where the "zoom widget" no longer gets loaded because of the 'display: none' added to the body". Notice that other browsers like firefox and IE11 work fine and load the "zoom widget" properly.

https://codepen.io/blueShell/pen/GMdPVz?editors=1111

2. Review this code pen of the same page within an iframe in chrome where the "zoom widget" gets loaded because we used 'visibility hidden' instead of 'display: none' and the zoom widget is properly shown in chrome.

https://codepen.io/blueShell/pen/oGdJyo?editors=1111

What is the expected behavior?
I would expect the zoom widget to always be visible and he embedded's 

What went wrong?
It seems that if the <object> svg is in part of the html document this has "display: none" in its dom element ancestory, then the "window.load" fires BEFORE the embedded object have loaded. So it seems the page is firing the load event before the <object> is fully loaded.

The other weird side affect of having an <object> in a 'display: none' ancestry is that when it becomes visible with 'display:block' then the tiger.svg will be retrieved a second time for each element. This seems pretty inefficient. (You can confirm this with the network tab. This is not a problem for the visible: hidden.)

Did this work before? N/A 

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: