Теги объекта Chrome загружаются несколько раз при установке позиции стиля: абсолютное

Возникли проблемы с сортировкой правильного подхода к обработке события загрузки в Chrome при загрузке объектов HTML.

Я использую объекты HTML для загрузки виджетов в веб-панель управления, и событие загрузки выглядит нарушенным в Chrome, поскольку я получаю повторное срабатывание события загрузки, но только если я установил стиль объекта в событии загрузки на позицию : absolute. К сожалению, для моего приложения это критическая функция, так как мне нужно разместить виджет в определенных местах экрана с помощью javascript.

Скрипка ниже помещает Chrome в бесконечный цикл, в то время как в других браузерах он запускается только один раз (хотя в моем приложении Chrome запускает событие загрузки дважды, а затем останавливается).

HTML

<div id = "container"></div>
<br/><br/><br/><br/>
<div id = "xx">Not Fired..."</div>

JavaScript:

    var cnt = 0;
    (function loadWidget() {
        var widgetObj = document.createElement("object");
        widgetObj.data = ("http://13.75.145.9/widgets/dial.html")                                  // location of widget
        var tt = document.getElementById("container");
        tt.appendChild(widgetObj);
        widgetObj.addEventListener("load", widgetLoaded, false);
    })();

    function widgetLoaded(e) {
        cnt = cnt + 1;
        document.getElementById("xx").innerText = "fired x" + cnt;
    //any manipulation of style is OK, its only the position: absolute that causes re-firing
        e.currentTarget.style = "cursor: move; text-decoration: overline";
        e.currentTarget.style.setProperty("position", "relative");
    // Uncomment out the line below in Chrome and the event will continuously fire, but only once in othe browsers
        e.currentTarget.style = "position: absolute; left: 50px";
    }

Бесконечная петля

Я предполагаю, что это ошибка Chrome, и хотя я могу обойти ее, проверив, сколько раз объект был загружен, и досрочно завершил событие загрузки, это снижает производительность, потому что похоже, что весь объект перезагружается каждый раз (глобальный JavaScript в объекте запускается повторно) и при загрузке пары виджетов в качестве объектов браузер значительно замедляется, что влияет на работу конечного пользователя.

Независимо от того, что я пытаюсь, я не могу избежать повторных загрузок. Кто-нибудь еще видел этот баг и знает как избежать повторной загрузки?

В соответствующем примечании Chrome отобразит и отобразит объект, а затем переместит его в правильное положение, при котором экран мерцает, в то время как другие браузеры отобразят виджет в его конечном месте (после того, как загрузочный javascript был запущен), что является более приятным опытом и Я не могу найти способ дважды остановить рендеринг Chrome.

[Обновление от декабря '18] - обходной путь, описанный в ответах ниже, больше не работает с последней версией Chrome (71.0.3578.80), а Chrome дважды загружает объекты HTML и дважды запускает загруженные события. См. Это сообщение об ошибке Chromium для получения дополнительной информации: Ошибка Chrome с объектами HTML