Moving scroll bar in scrolling DIVs in IFRAMES cause FF8 to turn white for 5-10 seconds. Help!
I was running FF7 without issues, and then upgraded to 8.0. I've got a web application that I developed that has lightbox-type modal popup windows (which are actually IFRAMEs), and within those I have lists of checkboxes that are scrolling DIVs. The forms look normal, but when I grab a scrollbar and begin moving it, all other text within the IFRAME (but not inside the scrolling div) fades to white for about 5 seconds. It then goes back to normal, whether I've released the scrollbar or not. I relaunched FF8 in safe mode, and this behavior doesn't happen. If I launch normally, but disable all plug-ins and add-ins, the problem does occur, so I think it probably has something to do with Themes. I tried several different themes rather than the default, but still had the problem.
Normal appearance Appearance when I move a scrollbar
Any help anybody can give me would be much appreciated. This is a production application and we've got a lot of FF users!
Thanks, Jim
Chosen solution
Try to disable hardware acceleration.
- Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
If disabling hardware acceleration works then check if there is an update available for your graphics display driver.
Read this answer in context 👍 1All Replies (5)
Chosen Solution
Try to disable hardware acceleration.
- Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
If disabling hardware acceleration works then check if there is an update available for your graphics display driver.
I'm not sure this is a viable solution since hardware acceleration is set by default. How would this be communicated to the actual web users who experience this problem? I have a lightbox web widget which exhibits this issue as well but only in FF8.0.1 and Nightly. Kind of taints FF user's experience:
http://affiliates.pricespider.com/Demos/Toshiba/40E210U.htm
Click 'FIND RETAILERS'
It actually does work for me ... barely ... since ours is a closed system, and we have a limited number of users who use Firefox. However, it would be way easier for us if this were simply fixed!
Yeah, I hope this is fixed soon. Since FF8 came out it's becomming a major headache for us since we serve millions of such embedded lightbox impressions to the public. If there is ANYTHING I can do in the HTML/CSS to make it render correctly, I'm wide open to suggestions. But at the moment the only option available to us it to display a message to FF8 users: "Please disable your hardware acceleration or use a different browser"
Hey Bobby_Ko,
Today is your lucky day! I was planning on posting about this tomorrow, but will do so now. In fact, I started to have a similar problem with Chrome, even though it didn't manifest itself in quite the same way as in FF8. Somebody suggested doing changing the margins in the scroll event, and, after a bit of fiddling with it today, I fixed it in Chrome. On a hunch, I tried turning Hardware Acceleration on again in FF8, and, amazingly, that problem was fixed as well! So, here's the code I wrote - well, pseudo-code, since I'm at home and don't have the source handy:
// add this event listener to each scrolling DIV inside your outer // scrolling DIV/IFRAME $("innerDiv").addEventListener("scroll", myScrollHandler, true);
function myScrollHandler(e) {
var mov = ($("outerDiv").scrollTop == 0 ? -1 : 1);
$("outerDiv").scrollTop -= mov;
$("outerDiv").scrollTop += mov;
}
Hope this helps, Jim