Improve styling of <select> dropdown

RESOLVED FIXED

Status

()

Core
Layout: Form Controls
RESOLVED FIXED
3 years ago
9 months ago

People

(Reporter: phlsa, Assigned: phlsa)

Tracking

(Blocks: 1 bug)

unspecified
x86
All
Points:
3
Dependency tree / graph
Bug Flags:
firefox-backlog +
qe-verify -

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

Created attachment 8487103 [details]
Firefox current state

Bug 997190 aims to improve the appearance of our unstyled form widgets. Since that, as a whole, is a pretty hairy endeavor, it makes sense to treat one of the most glaring parts of it as a separate bug: the styling of <select> dropdowns.

There's an image describing what's wrong in the current state.
I'll post a mockup of the desired state shortly.

Good test page:
https://dl.dropboxusercontent.com/u/72157/forms.html
Flags: firefox-backlog+

Updated

3 years ago
Flags: qe-verify?
Here's my take on it:
http://phlsa.github.io/ff-unstyled-form-widgets

Michael, what do you think of this as a first step?
We are only talking about the dropdown at the moment (not the form element itself), so we won't have any sizing and compatibility issues.
Flags: needinfo?(mmaslaney)
Nice work, Philipp! I really like the way you treat grouped items and their supporting headers. 

Couple suggestions:

• Utilize the blue (#0095DD) in our style guide for the highlighted and select states

• Increase the margins by a couple of pixels
Flags: needinfo?(mmaslaney)
Apparently we're moving to native widgets in e10s, which you can test with an e10s window. Does that change anything here?
(In reply to Madhava Enros [:madhava] from comment #3)
> Apparently we're moving to native widgets in e10s, which you can test with
> an e10s window. Does that change anything here?

I thought that this was a bug and not a feature.
But thinking about it, using native widgets would probably be one of the better things we could do here. If we are moving to native, they still need some love, at least on OS X.
I updated the spec according to Michaels comments:
http://phlsa.github.io/ff-unstyled-form-widgets
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED
Points: --- → 3

Updated

3 years ago
Assignee: nobody → philipp
Iteration: --- → 36.2
Flags: qe-verify? → qe-verify-
Blocks: 1091592
You need to log in before you can comment on or make changes to this bug.