FireFox PC Issue

[kevinb623]

I'm having a strange issue in PC Firefox 2.

Currently, I have loaded jquery, shadowbox, sifr and swfobject 2.0.

When a page loads that uses shadowbox and the page contains a flash element, the element will disappar from the page, much in the same way Flash elements disappear when you invoke shadowbox.

If I disable shadowbox, everything is fine.

sIFR (using JS and Flash) works fine, which leads me to the conclusion that it is a conflict between shadowbox and swfobject since only swfobject implemented elements are affected.

This only happens on PC Firefox 2 (multiple machines). FF3, IE6, IE7, and Mac FF and Safari are all fine.

Has anyone else encountered this?

-Kevin

[Graak]

Got the same problem. Using Firefox 2.0.0.16, sIFR 3, swfobject 1.5 and Shadowbox 2.0. Remove the latter and everything works.

No problem in Opera, Safari or IE6/IE7.

[mjijackson]

How about if you disable SWFObject...does everything work?

[kevinb623]

Yes, disabling one or the other makes things work properly.  I've tried SWFObject 1.5 and 2 and neither plays nice with ShadowBox.

[mjijackson]

Hmm...wonder what it is that makes SWFObject and Shadowbox fight? I'd have to look through the SWFObject code to see. I've never used SWFObject...how are you using it?

[kevinb623]

I'm using SWFObject to call in Flash like I always have.  I'm new to ShadowBox - it really is a great library that works on everything except FF1 and FF2 on PC (Mac is fine).  IE6 and IE7 are even okay, which blew me away.

I'm not doing anything 'fancy' or different with either library - both are pretty standard/straightforward. I'm not sure what you mean by 'how are you using it.'

[mjijackson]

code

[kevinb623]

Oh, yes, sorry:

Site is at: http://www.mcclainmarketing.com/

I'm doing a browser detect right now on FF1 and FF2 to include a background image on the <div> where the flash should be that is the same as if JS or Flash are disabled.

[deco10]

I have the same issue, using shadowbox base adapter, when the page loads flash appears then disappears, presumably when shadowbox.init() is called from the onload event.

Taking shadowbox out the flash works fine.

Any one have a solution to this? Its just firefox that its not working in.

[linyx]

The solution has been post in the bug tracker system.

Just use the wmode parameter and set it up to "opaque". I am just learning so I can't tell you more about how this works but it fixed all my problems.

Thanks

[mjijackson]

Are you saying that setting wmode to opaque fixes all problems that you're having with SWFObject?

[Praebul]

mjijackson wrote:

Are you saying that setting wmode to opaque fixes all problems that you're having with SWFObject?

Michael,

I have just confirmed that wmode as opaque does in fact resolve this issue for Firefox2 on Vista.  This does not break IE7.

Please sticky this on the site or make a notice for it.  

Shadowbox

[Praebul]

Praebul wrote:

mjijackson wrote:

Are you saying that setting wmode to opaque fixes all problems that you're having with SWFObject?

Michael,

I have just confirmed that wmode as opaque does in fact resolve this issue for Firefox2 on Vista.  This does not break IE7.

Strange, today it is broken.  Well, partially: the flash video plays, however the buttons in the flash do not align to the cursor.  In order to click on a button in the video, my mouse must be about -150px to the top and left of the button.  It also causes the button's highlight state to flicker.

[Praebul]

Praebul wrote:

Strange, today it is broken.  Well, partially: the flash video plays, however the buttons in the flash do not align to the cursor.  In order to click on a button in the video, my mouse must be about -150px to the top and left of the button.  It also causes the button's highlight state to flicker.

After some testing I've narrowed the culprit down.  The parent, parent div container had a "overflow:auto" property applied to it.  By removing it or changing it to "overflow:hidden" resolved the issue.

Strange, eh?

[Chris Mathews]

You can use Mediabox if problem still exists. You can check it at http://www.downloadjavascripts.com/Modal_Scripts.aspx