Firefox should indicate the region of <input type=file>

NEW
Unassigned

Status

()

Core
Layout: Form Controls
5 years ago
5 years ago

People

(Reporter: Alice0775 White, Unassigned)

Tracking

({regression, uiwanted})

22 Branch
regression, uiwanted
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments)

(Reporter)

Description

5 years ago
Created attachment 730988 [details]
screenshot (empty area)

Build Identifier:
http://hg.mozilla.org/mozilla-central/rev/962f5293f87f
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20130328 Firefox/22.0 ID:20130328031013

Steps to Reproduce:
1. Click empty area

Actual Results:
Unexpected filepicker pops up

Expected Results:
Nothing happens

The filepicker should perform pop up only when I click the text of label or button.
Or Firefox should display the range of the label element in response to a click definitely.
(Reporter)

Comment 1

5 years ago
Created attachment 730989 [details]
sample html

Comment 2

5 years ago
Seeing your screenshot, that is not an empty area, it _is_ part of the file picker widget.
Safari, Chrome do the same (at least on OS X).

Comment 3

5 years ago
Created attachment 731001 [details]
visualising the size of the file picker widget

Same as previous attachment, with a bit of colour.
(Reporter)

Comment 4

5 years ago
(In reply to philippe (part-time) from comment #2)
> Seeing your screenshot, that is not an empty area, it _is_ part of the file
> picker widget.

Firefox should indicate the region of the widget by default.
(Reporter)

Comment 5

5 years ago
> Seeing your screenshot, that is not an empty area
With my eyes, there are empty area.

> Safari, Chrome do the same (at least on OS X).
It is a bad sample.
(Reporter)

Updated

5 years ago
Keywords: uiwanted
(Reporter)

Comment 6

5 years ago
And it is problem when I drop a file from explorer to the file picker widget.
a) drop a file onto Browse...button
b) drop a file onto label text
c) drop a file onto empty area(but part of the file picker widget).

a) and b), user can recognize the file picker widget
but c), Region of the file picker widget is inarticulate. sometimes, open a file instead of input a file path
Summary: Unexpected filepicker pops up when I click empty area → Firefox should indicate the region of the widget by default.

Updated

5 years ago
Keywords: regression
Summary: Firefox should indicate the region of the widget by default. → Firefox should indicate the region of <input type=file>
I don't know what we could do without making the UI terribly ugly. Do you have any idea?
(FWIW, Safari and Chrome both have a similar UI as the one we now have and none of them show the area explicitely.)

UX/UI input would be very helpful here.
OS: Windows 7 → All
Hardware: x86_64 → All

Comment 8

5 years ago
I agree with Alice here, it currently looks like a button and an unrelated label, not really an input element. What's wrong with adding back a bit of border as the old picker had, or a slightly different highlight color (other than the bright yellow shown for illustration in attachment 731001 [details]) possibly including the button as well to emphasize that it's actually an input field?
You need to log in before you can comment on or make changes to this bug.