Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 158 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

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
It's a feature allowing you to upload bigger images than before. ;) – Bart Mar 3 '13 at 16:55
@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: – j0k Mar 3 '13 at 17:15
This has been optimized for Opera: perfectly aligned. :P – toscho Mar 3 '13 at 17:26
This isn't "right" on FF 19 on Windows either - it's too narrow! I believe this is a long-standing bug in Firefox. – Shog9 Mar 3 '13 at 19:49
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 .