100973 - Radio button not circular but oval if CSS width is used

Status: REOPENED

(Core :: Layout: Form Controls, defect)

Description

[Julien Mercay]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:0.9.4) Gecko/20010913
BuildID:    2001091303

If a CSS class with the "width" attribute set is used on a radio button, 
it will be rendered too large, in a oval shape.

CSS Class:
.textfield175 {width: 175px; }

HTML:
<input type="radio" class="textfield175" name="test"/>

Complete example at:
http://www.scdi.org/~jmercay/mozilla-bug/radio.html


Reproducible: Always
Steps to Reproduce:
1. Go to http://www.scdi.org/~jmercay/mozilla-bug/radio.html
2. Look at the oval radio button.

Expected Results:  Rendered a round, circular radio button

This is annoying when using the same CSS class for text field and radio button.

Can be easily worked around by using a special class for the radio button.

Comment 1

[Warner Young]

Well, I certainly see a very wide radiobutton with build 2001092103, Win98. 
Confirming as NEW, but whether this is a bug or an odd side-effect I don't know.
 I have a feeling component isn't Layout, though.

Comment 2

[Christopher Hoess (gone)]

->Form Controls

Comment 3

[Marc Attinasi]

You specified the width of an element, and that width is applied, so why is this
a bug?

Comment 4

[Julien Mercay]

A wide radio button is not nice looking, and certainly not what most developpers
expect. Furthermore, all other browsers display a circular button, and so
Mozilla's behaviour breaks the layout for some sites.

Comment 5

[Boris Zbarsky [:bzbarsky]]

well... the behavior of form controls when CSS is applied is undefined...

Arguably, we are giving the web developer more options (one can style the button
to be any size/shape.

Alternately, we could make the forms.css rules for input[type="radio"] width and
height !important... that should keep the page author from changing the size.

Comment 6

[Bernd]

the button is circular winxp 2004090507

Comment 7

[Boris Zbarsky [:bzbarsky]]

Reopening.  You're seeing the native theming code kicking in, I bet.  It's quite
oval on Linux (and presumably also on pre-theming Windows systems).