Can't reproduce the issue in Firefox 3.

Also I don't think that this is a SWFObject related issue, so for moree help, please
repost it in the SWFObject discussion group: http://groups.google.com/group/swfobject

(No comment was entered for this change.)

Hi, we are also having this problem using the latest release of swfobject 2 on firefox 3.
I can see this problem on the site linked above (very faint border around the
navigation at the top when you click to focus the flash).

A couple of sites that we're having trouble with are http://www.foreverfriends.co.uk
and http://www.asda-thebinks.co.uk/. As you can see, when you click on the flash to
focus it there is a visible border around the movie.

We not had this problem with the ufo javascript, and looking into that it seems as
though ufo is using an embed tag in firefox 3 instead of the object tag like
swfobject does.

thanks,
Mike Franklin

http://www.foreverfriends.co.uk; i can't reproduce it with FF3/MacOSX
http://www.asda-thebinks.co.uk/ uses UFO

Regarding using wmode transparent and opaque there is a general Flash bug when
focusing or scrolling a page in FF2+/Opera 9.5, which is not SWFObject related. So if
you don't need this wmode explicitly, please omit it in your code.

Hi,

Very sorry about that! I thought asda used swfobject. I've attached screen grabs of 
the bug. Possibly this is a bug/feature with the browser or flash. Although, I have 
noticed that it stops happening when using embed instead of object.

This only happens on Firefox3/PC.

Mike

	firefox3_flash.jpg
	223 KB Download

I can reproduce both errors. Everything is fine in FFox 2 and Opera 9.5, only FFox 3 
displays that dotted black border on focus - the only way to get rid of it is to set 
wmode to "window".

From the screen grab it looks like that Firefox 3 on Windows has a different default
style for the object element than in Firefox 2 or for the equivalent embed element,
so it treats it like an active link.

In this case the following style rule in the head of your web page should solve this
issue:
<style type="text/css" media="screen">
object { outline:none; }
</style>

Could you please let me know if this is the cure?

Also could you confirm the following test circumstances:
- only for Firefox 3 on Windows
- only when using the object element (like SWFObject does)
- only when using wmode = transparent/opaque 
- only when including clickable elements inside Flash

Yes, it worked on my FFox3/Windows. The object is a flash menu (clickable of course) 
with wmode: "transparent".

- for Firefox 3 on Windows - WORKED (didn't have this problem on Opera 9.5 or IE 7 
neither)
- when using the object element (like SWFObject does) - YES
- when using wmode = transparent/opaque - YES
- only when including clickable elements inside Flash - WORKED with clickable/
nonclickable flash movie.

Glad this is solved, I feel a bit silly that I didn't figure it out myself (that 
style thing...) :) And I'm very happy I could help a tiny bit :)

Great, will add this to the FAQ :-)

Hi,

Yes, that fix has worked. Thanks!

- only for Firefox 3 on Windows
I've tested this on Firefox 3 on both Windows and Mac. It only happens on Windows. 
I'm currently unable to test it on linux.

- only when using the object element (like SWFObject does)
Using the embed element does not cause the outline - it only happens with object.

- only when using wmode = transparent/opaque 
wmode transparent and opaque both cause the outline, wmode window does not.

- only when including clickable elements inside Flash
Any click inside a blank movie will also cause the outline to appear. It makes no 
difference if there's a clickable element inside or not.

I have been searching for a fix for this for the past hour. Apparently there was a
similar "grey box" error with IE6 a few years ago which took up the majority of the
search results for this problem. Finally after searching I found this solution! 

Thank you!

good job bobbyvandersluis, this style solved the issue for me aswell :)