iframe element is breaking live CSS loading

[ab7]

After several hours of trying to figure out why my stylesheet was no longer updating in live dev, I narrowed it down to an embedded youtube iframe element. When the video is removed and the live session reset, everything works normally again. But when added, css is not updated and the color picker freezes resulting in many of these errors:

Uncaught TypeError: Cannot read property 'styleSheetId' of undefined
Assertion failed: Style Sheet for document not loaded: http://127.0.0.1:49871/main.css

Here is a screenshot of the error link.

The source code I used to find out the problem was simply an html file with an <h1> and <iframe> element and a css file with only one color declaration on the <h1> element. I can provide the full source if necessary.

Brackets version: Sprint 39
OS: Mac 10.9.3 Mavericks
No extensions

[ichibangaijin]

Wow, good find. I have been struggling with this all weekend.

[risq]

Thanks too, I had the same problem due to a Google Maps iframe. Simply resolved by commenting out the iframe :) Any fix planned ?

[ab7]

Yeah, for now I've left the iframe videos out while I work. I'm setting up the dev environment to see if I can investigate a bit more.

[marcelgerber]

Ah, I've seen the same thing while working on YouTube modals for brackets.io and wondered what could have caused this error message. Nice find.

[njx]

Medium priority to me for Release 41

[MarcoEsprimia]

I Love you man. I've been freaking out for 2 whole days after this.

Btw any of you guys having any problems with @font face or google web fonts?

Again, Thank you SO MUCH @ab7

[ab7]

No problems with over here with fonts, google or face.

In relation to the iframe problem, I did find that if you switch back and forth between the css file and another file it does reload the changes you made to the css file.

I spent a bit of time looking over the brackets code and I'm excited to see the solution to this bug!