Home > Firefox, Flex > Firefox 3.6 adds scrollbars to a fullscreen Flex or Flash application

Firefox 3.6 adds scrollbars to a fullscreen Flex or Flash application

After updating to Firefox 3.6, my Flex applications received unwanted scrollbars after clicking (activating) them.
Firefox 3.6 will draw a 1 pixel ‘focus’ border around the Flash player.
To avoid this issue, just add the following css to your index.template.html.

a:focus, object:focus { outline: none; -moz-outline-style: none;  }

For more information : http://www.flashcomguru.com/index.cfm/2010/3/22/prevent-swf-border-firefox

Categories: Firefox, Flex Tags: , , ,
  1. April 30th, 2010 at 12:29 | #1

    Wannes, just a quick tip. To prevent these kinds of issues, always embed your SWF using SWFObject, size it using SWFFit, enable mousewheel support for Mac by using the MacMouseWheel javascript and make it accessible using SWFAddress.

    The SWFFit for instance would have prevented the behaviour you describe above.

  2. Wannes
    July 2nd, 2010 at 11:00 | #2

    Thanks for the tip Sven,

    for the Mac mousewheel issue I rather like the use the next solution. Really easy to implement!

  1. No trackbacks yet.
Security Code: