I'm running IE 8.0.7600.163875, Browser Mode: IE8, Document Mode: IE8 Standards.
When I use Javascript/jQuery to create/modify HTML elements, e.g. adding new html tags with content or removing existing html tags, they get rendered, but the page does not get reflowed/rerendered, UNTIL you do something to the page like selecting a text or click on an inputbox.
I'm attaching you a screenshot to let you guys understand what I'm trying to say.
http://img11.imageshack.us/content.php?page=done&l=img11/6320/ie8notreflowing.png
In the screenshot, I added a comment and the new comment html is added to the page, but it doesn't extend height of the parent container, UNTIL I give the page a couple of cursor nudges (like selecting text, click on something, etc.).
When I use Javascript/jQuery to create/modify HTML elements, e.g. adding new html tags with content or removing existing html tags, they get rendered, but the page does not get reflowed/rerendered, UNTIL you do something to the page like selecting a text or click on an inputbox.
I'm attaching you a screenshot to let you guys understand what I'm trying to say.
http://img11.imageshack.us/content.php?page=done&l=img11/6320/ie8notreflowing.png
In the screenshot, I added a comment and the new comment html is added to the page, but it doesn't extend height of the parent container, UNTIL I give the page a couple of cursor nudges (like selecting text, click on something, etc.).