What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 134 Stack Exchange communities.

After the latest edits in CSS/HTML of (Meta) Stack Overflow the <input type="file"...> is too wide. See the screenshot:

enter image description here

I use Firefox 18.0.1 on Ubuntu 12.04.

share|improve this question
8  
It's a feature allowing you to upload bigger images than before. ;) –  Bart Mar 3 '13 at 16:55
2  
@Bart Yeah, sure. And another feature: you see more from the file path. ;-) –  Ionică Bizău Mar 3 '13 at 16:57
    
On Mac os / Firefox 20, it feet aptly: cl.ly/image/2h1S2M3h2n0e –  j0k Mar 3 '13 at 17:15
1  
This has been optimized for Opera: perfectly aligned. :P –  toscho Mar 3 '13 at 17:26
1  
This isn't "right" on FF 19 on Windows either - it's too narrow! I believe this is a long-standing bug in Firefox. –  Shogging through the snow Mar 3 '13 at 19:49

1 Answer 1

up vote 1 down vote accepted

As Shog9 commented, this is basically a bug in Firefox - it will not respect width styles on file inputs.

I have added a size attribute on the file input so it shouldn't go over the dialog width, but YMMV (the Windows and Linux versions of FF do different things here). There is also the issue of what fonts and font sizes you are using etc...

Tested on Linux Mint, FF 19 and will be there on the next build.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .