Closed
Bug 101320
Opened 23 years ago
Closed 21 years ago
[FIX]CSS padding causes rendering problems for checkboxes and radios
Categories
(Core :: Layout: Form Controls, defect, P2)
Tracking
()
RESOLVED
FIXED
Future
People
(Reporter: mozilla, Assigned: john)
References
()
Details
(Keywords: testcase)
Attachments
(5 files)
screenshot of distortion
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•23 years ago
|
||
I see the same problem with w2k 2001092308.
It works on IE 5.01 on same machine
Summary: Check Box doesnt work. → Check Box doesnt work.
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.
Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Windows NT → All
|
||
Comment 3•23 years ago
|
||
over to form controls
Assignee: pchen → rods
Component: XP Apps → HTML Form Controls
QA Contact: sairuh → madhur
|
||
Comment 4•23 years ago
|
||
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•23 years ago
|
||
|
||
Comment 6•23 years ago
|
||
|
|
||
Comment 7•23 years ago
|
||
Problem occurs when using padding in input field. See new testcase for illustration.
|
||
Comment 8•23 years ago
|
||
|
|
||
Comment 9•23 years ago
|
||
we need to set the padding thave !important for checkbox and radiobuttons (see
patch)
Status: NEW → ASSIGNED
Summary: Check Box doesnt work. → [FIX]Check Box doesnt work.
Target Milestone: --- → mozilla0.9.8
|
|
||
Updated•23 years ago
|
Summary: [FIX]Check Box doesnt work. → [FIX]CSS padding causes rendering problems for checkboxes and radios
|
||
Comment 10•23 years ago
|
||
Too bas css does not allow a !important declaration at the file level...
sr=attinasi on the 11/06 patch
|
|
||
Updated•23 years ago
|
Target Milestone: mozilla0.9.8 → mozilla1.2
|
|
||
Updated•23 years ago
|
Priority: -- → P2
Target Milestone: mozilla1.2 → Future
|
||
Updated•23 years ago
|
QA Contact: madhur → tpreston
|
||
Comment 11•22 years ago
|
||
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 13•22 years ago
|
||
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•22 years ago
|
||
Screenshot follows
|
|
||
Comment 15•22 years ago
|
||
Screenshot of how att 126397 renders for me
|
|
||
Comment 16•22 years ago
|
||
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•21 years ago
|
||
Argh. This patch was never checked in. I just checked it in, only two years
too late... ;)
Status: NEW → RESOLVED
Closed: 21 years ago
Resolution: --- → FIXED
|
|
||
Comment 18•21 years ago
|
||
*** Bug 234187 has been marked as a duplicate of this bug. ***
You need to log in
before you can comment on or make changes to this bug.
Description
•