StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJS-Dynamic Change of Overflow Causes Re-render in Firefox
text
Body
copied!<p>Here's the issue:</p> <p>Dynamically changing a div's overflow property with JS causes the contents of that div to repaint/re-render - <em>only</em> in Firefox. In any other browser the div's overflow property resizes and the contents are NOT re-rendered.</p> <p>Okay not a big deal, it may just cause the contents to flicker as they reload however, if you have a Flash item contained in this <code>div</code> (like I do), and then programmatically change the <code>div</code>'s overflow property this means the Flash movie will return to it's original starting state.</p> <p>I've done very bare-bones testing on this, with a simple:</p> <pre><code><div id="overflow_div" style="overflow:hidden;"> <flash object> </div> <a href="javascript:change_overflow();">Change Overflow</a> <script language="javascript" type="text/javascript"> function change_overflow() { overflow_div = document.getElementyById('overflow_div'); overflow_div.style.overflow = (overflow_div.style.overflow=="hidden")? visible : "hidden"; } </script> </code></pre> <p>Clicking the 'change overflow' causes the Flash object to return to its initial state in FF, but not in IE. This can be very frustrating when you're trying to create a dynamic experience with Flash and the Page interacting with one another...</p> <p>So my question is simply:</p> <p>Is there any known resolution to this?</p> <p>OR</p> <p>Is there any reason why this issue <em>still</em> exists in FF?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload