codepen
Данный пример заменяет object на инлайн svg. Этот пример работает в firefox, но не в chrome.
На codepen svg грузятся со стороннего домена, но у меня в проекте они лежат на локальном сервере.
P.S. Я определил, что в хроме object.contentDocument всегда
true, даже если контент еще не загрузился (firefox возвращает
null). В консоли в это время выводится document (about:blank).
Даже проверка
object.contentDocument && object.contentDocument.readyState === 'complete'
не гарантирует, что содержимое будет доступно.
Так и не разобрался, каким образом определить, что
object загрузился и я могу взаимодействовать с его нодами.