Flex 3 - Equals sign (=) in TextInput control Is displaying as a plus sign (+) in Firefox

Question

When I deploy my Flex application and browse to it in Firefox (3.0.8), typing an equals sign into a TextInput control results in a plus sign.

In Chrome and IE, an equals sign works as expected. Also, when I run the Flex project locally in Firefox, the equals sign works properly.

I have tried deploying the SWF on a different server but the equals symbol is still being converted to a plus sign in Firefox.

Here is the css applied to the TextInput control:

TextInput
{
   color: #333333;
   fontSharpness:"200";
   fontAntiAliasType:"advanced";
   fontSize: 12;
   font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

Besides css, there have been no other modifications to the control. Any ideas?

Answer 1

What is the language encoding in Firefox? Are you using a different keyboard layout? This sounds like a problem with the Firefox configuration.

Answer 2

This is a known issue in Firefox/Flash. If you disable wmode=transparent, it should work as expected.

Answer 3

If you are using wmode and transparency along with components in Flex/AS3 you can also work around the issue by forcing the stage to render.

See the Stage Events:

stage.dispatchEvent(new Event(Event.RENDER))