101320 - [FIX]CSS padding causes rendering problems for checkboxes and radios

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect, P2)

Description

[Radovan ILLITH]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:0.9.3) Gecko/20010801
BuildID:    2001080110

In the page http://www.jobserver.sk/mailingListHladaju.asp I can not check the
CheckBox

Reproducible: Always
Steps to Reproduce:
In the page http://www.jobserver.sk/mailingListHladaju.asp I can not check the
CheckBox.

Actual Results:  Nothing. Checkbox is  emply

Expected Results:  ?

In the page http://www.jobserver.sk/mailingListHladaju.asp I can not check the
CheckBox.

Comment 1

[Jerome Lacoste]

I see the same problem with w2k 2001092308.
It works on IE 5.01 on same machine

Comment 2

[NilsE]

Confirming on RH 7.1, CVS build from 09/24, changing OS to all. Actually, the
radio button checkboxes do respond, but don't display the 'tick' symbol. Maybe
this is related to bug 94114.

Comment 3

[Boris Zbarsky [:bzbarsky]]

over to form controls

Comment 4

[Madhur Bhatia]

In bug 94114 , in the code, an absolutely positioned hidden iframe is causing 
the click on the checkbox not to appear. 
Whereas, in the above mentioned url, i do not see any iframe in the 
source code. 

I am attaching a reduced testcase. See below.

Comment 5

[Madhur Bhatia]

Attachment: reduced testcase

Comment 6

[mike dalessio]

Attachment: isolated problem - testcase

Comment 7

[mike dalessio]

Problem occurs when using padding in input field. See new testcase for illustration.

Comment 8

[rods (gone)]

Attachment: patch

Comment 9

[rods (gone)]

we need to set the padding thave !important for checkbox and radiobuttons (see 
patch)

Comment 10

[Marc Attinasi]

Too bas css does not allow a !important declaration at the file level...

sr=attinasi on the 11/06 patch

Comment 11

[Rod Steel]

Still exists in Mozilla Build ID 2002080208. Just struck this bug while building
an intranet app. After reading the patch, adding :
<style>
input[type="checkbox"]{
     padding: 0 ! important;
}
</style>
to my document .css works fine.

Comment 12

[rods (gone)]

-->

Comment 13

[Jenn Drummond]

And I'm still seeing it, on Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3)
Gecko/20030430 Debian/1.3-5. I don't see it in 1.3 under Windows. In my
testcase, the shape of the checkbox is also affected.

Does the "blocking1.4" flag mean this patch is likely to get into 1.4?

Comment 14

[Jenn Drummond]

Attachment: distortion testcase

Screenshot follows

Comment 15

[Jenn Drummond]

Attachment: screenshot of distortion

Screenshot of how att 126397 renders for me

Comment 16

[Jenn Drummond]

In creating the attachments I found that it's not Linux-only; it does happen on
Windows, but not as noticeably when left or right padding is specified. See the
screenshots.

Sorry for all the spam; I'm still getting the hang of this Bugzilla thing.

Comment 17

[Boris Zbarsky [:bzbarsky]]

Argh.  This patch was never checked in.  I just checked it in, only two years
too late...  ;)

Comment 18

[Boris Zbarsky [:bzbarsky]]

*** Bug 234187 has been marked as a duplicate of this bug. ***