Affects: IE6, IE7, IE8 Beta 1, IE8 Beta 2, IE8 PR1
Setting the .innerHTML in IE can fail in the following scenario.
If you add multiple lines of content (e.g. with line beaks) to an empty element with the overflow set to auto.
Example:
<div id="test" style="border:1px solid #ff0000;height:200px;overflow:auto;">before</div>
<script type="text/javascript">
var divObj = document.getElementById('test');
divObj.innerHTML = 'first<br/>second<br/>third';
</script>
You would expect to see the div content update to display:
first
second
third
However IE will update the DOM, but not the content on screen. IE doesn't update the visible height of the DIV, resulting in the "second, and third" not showing.
Known Workarounds: None.
Related Issues: None.
Posts
