input type:file issues with Firefox 3.0

Today I had the joy to figure out about (at least) two issue in Firefox 3.0. They are working fine in Firefox 3.5 and later. The problems are

  • CSS styling does not work
  • JavaScript focus() calls do not work

After some searching and “testing” I learned, that these are actually known Firefox 3.0 bugs:

This can be simply seen with a small test-case:

<html>
<head>
<script type="text/javascript">
function fc()
{
var element = document.getElementById("filer");
try
{
element.focus();
}
catch(e)
{
alert(e);
}
}
</script>
</head>
<body>
<input id="filer" onfocus="alert('set focus on inputFile');" type="file" style="border: 2px solid #C70000;"/>

<button id="btn" onclick="fc();">Focus input file</button>
</body>
</html>

Since the support for Firefox 3.0 died in March 2010 I feel it is not worth to waste time in fixing this by adding nasty hacks/work-arounds. Maybe there are simply hacks – if so, let me know🙂

Yes… something like this could be done… but the focus/style works in FF2 and FF3.5/6 without any of those hacks; and the button is not what we are interested in styling…

Howdy!

Posted in javascript, web²

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: