.html() will strip <style> tags in IE

[cmcnulty]

see ​http://forum.jquery.com/topic/html-stripping-style-in-ie-sometimes for discussion.

when using .html() to insert the following html snippet:

"<style type="text/css">

.test { color: red; }

</style> <div id="nav_controls" class="navControls">

<div id="test_div" class="test">A test</div>

</div> "

innerHTML will strip the <style> tags and content, in IE8. The bug can be a bit tricky to reproduce, as the criteria for stripping the style seems to have something to do with preceding whitespace.

I can't reproduce in FF3.6 or Chrome 3. Untested in IE7 or earlier

[cmcnulty]

test case

[john]

Fixed. ​http://github.com/jquery/jquery/commit/c1ac9fdf45632f0e0d1f7183500ce45dde7319d7

[cmcnulty]

For the record, the exact same problem exists for <link> with the exact same symptoms, and the exact same work-arounds (inserting a <br/> before the tag)

[cmcnulty]

When the <style> or <link> tags are preceded with any of the following text, IE will *not* strip the <style/link> tag (non-exhaustive list):

• <br/>
• &nbsp;
• <span>asdf</span>
• <div>asdf</div>
• asdf

IE *will* strip the <style/link> tags if preceded by any of these:

• carriage returns
• multiple blank spaces
• <div></div> (empty div)
• <span></span> (empty span)