Uploader button disappears in Firefox 10.0.1

[mofog]

In Firefox 10.0.1 the Uploader button disappears after the user clicks on it. The following code is used:

<div data-dojo-type="dijit.TitlePane"
    data-dojo-props="title: 'Background image', toggleable: false"
    style="padding-left: 10px;">

   <div data-dojo-type="dijit.layout.BorderContainer"
        data-dojo-props="design: 'headline', gutters: false">
   
       <div data-dojo-type="dijit.layout.ContentPane"
            data-dojo-props="region: 'left'"
            style="overflow: hidden;" >
           
           <img src="images/default.jpg"
               onclick="return false;"
               alt="Background Image Preview" />
        </div>
       
       <div data-dojo-type="dijit.layout.ContentPane"
            data-dojo-props="region: 'bottom'">
           
           <form method="post"
               action="foobar.php"                    
               enctype="multipart/form-data">

               <input name="file"
                   multiple="false"
                   type="file"
                   id="file"
                   data-dojo-type="dojox.form.Uploader"
                   label="Select a file"
                   uploadOnSelect="true" />
               <input type="submit" label="Submit" data-dojo-type="dijit.form.Button" />
           </form>
       </div>
   </div>
</div>

[Mike Wilcox]

The Uploader was developed using Firefox so I'm skeptical of the claim. Your test doesn't render for me so I would start with layout issues.

[mofog]

Thank you for your suggestion. I re-checked my layout and discovered this:

Influencing the button's width like this

#file * {
    padding: 0px;        
    width: 89px;
}

causes the error. Instead, I now use

#file.dijitButton .dijitButtonNode {
    width: 89px;
}

which apparently works better. Can you confirm this way of setting the button's width?

Thanks.

[Mike Wilcox]

If it works it works. The button can have a width of auto (I think), but it helps to set it explicitly.

Off topic, #file * is a very low performance selector, and will affect page redraws. You should be more specific.

[mofog]

Thank you, I'll keep that in mind!