640224 - [Join Us] T-shirt-size field is too long

Status: NEW

(Websites :: donate.mozilla.org, defect)

Description

[Stephen Donner [:stephend] Not actively reading bugmail]

Attachment: Screenshot

The T-shirt-size field on https://donate.mozilla.org/page/contribute/protect-the-web#act-3 is huge (too long); see screenshot.

Comment 1

[Devin Reams (Crowd Favorite)]

This field was embiggened to fit the space because the alternative was to stick them immediately to the right of the label ("Womens S, M...") which would no longer be visually aligned with the rest of the form elements. Thus, the input is float right and widened to fit the space.

Screenshot to visually illustrate:
https://img.skitch.com/20110309-x361ar8bdhmmsdf875pumk7s5.png

That said, please provide guidance as to how, if at all, you'd like these form fields changed (size, position, etc.).

Comment 2

[Stephen Donner [:stephend] Not actively reading bugmail]

(In reply to comment #1)

Can't you just do a <select> widget?

Comment 3

[Devin Reams (Crowd Favorite)]

We'd love to, but as Chelsea is aware, these custom fields in BSD are limited to what you see.

Comment 4

[Paul Osman [:paulosman]]

(In reply to comment #2)
> (In reply to comment #1)
> 
> Can't you just do a <select> widget?

Sadly we're limited by the system we're using to host this page (Blue State Digital). Custom fields can't use <select> elements, which is why we had to go with the less than ideal text input.

Comment 5

[Samuel Sidler (:ss)]

Can you use JS to display a <select> widget that then posts a regular text <input> to the form?

Comment 6

[Devin Reams (Crowd Favorite)]

Sure, there are probably some things we can do with JS but we're wary of trying to go against what BSD is already doing (in case they change something in the near future).

We defer to Paul and Chelsea to make a call on whether this is an approach worth considering.

Comment 7

[David Bruant]

Isn't it a duplicate of bug 637869

Comment 8

[Chelsea Novak [:chelsea]]

Slightly different issue as this is about the size of the field rather than whether or not it is a radio button. Related though.