Setting css overflow property to HTML tag, reloading all the swf's on the page

[jatinder.assi@…]

Setting the css overflow property using jQuery dynamically after the DOM is ready, forces the page to load all the swf's.

Here is a code sample:

jQuery('html').css('overflow','auto');

[jatinder.assi@…]

In Firefox 6, setting the css overflow property to html/body using jQuery dynamically after the DOM is ready, forces the page to load all the swf's.

Here is jQuery call:

jQuery('html').css('overflow','auto');

[dmethvin]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket!

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to get started.

For this case, we would also want to know whether the problem occurs in a bare-DOM (no jQuery) situation, e.g., document.documentElement.style.overflow = "auto"

[jatinder.assi@…]

I did some more testing and what I found was that changing any CSS property to any DOM element, repaints all the swf objects inside that DOM element.

This happens both in bare-DOM and jQuery in Firefox(6,7) on Win7 and Mac.

Here is the jsFiddle test link: ​http://jsfiddle.net/FrKyN/90/

In my test case, I am dynamically changing the CSS property for the "html" tag and it will repaint all the swf's in that HTML doc. For testing purpose, I am using a single youtube embed code to show this weird behavior.

Hope this helps. Let me know if you need more code samples to prove this scenario.

[dmethvin]

Given the test case, this seems beyond the reach of jQuery's heroism and should be reported to Mozilla.