Home/ Questions/Q 7913241
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T13:47:47+00:00

I’m using a src less iframe to develop a javascript widget to protect my

  • 0

I’m using a src less iframe to develop a javascript widget to protect my css from the parent page.

It’s perfectly working in chrome/safari. However in firefox I can see the content is added during few milliseconds and then the iframe becomes empty.

If I inspect html I see empty head and empty body, however if I inspect innerHtml through the console I can see that It has the right content…

I’m sorry I can’t give you code as it’s hard to pull out the relevant parts : I can tell you I access the iframe with jquery contents() and then find body or find head.

Any idea plz ?

I Managed to make an example : http://jsbin.com/arenat/2/edit#javascript,html,live
Just some code pull out to show the issue : working on chrome no in firefox (10.0.1). Hope it’s enough.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you add the frame to the DOM, it starts loading about:blank asynchronously. Then you modify the DOM in the iframe … and then the asynchronous load completes and replaces the document you modified.

    I suggest either using an onload handler on the iframe to do your manipulation after the about:blank has finished loading or using document.open() and document.close() to force cancellation of the async load.

    • 0