Open Bug 179230 Opened 22 years ago Updated 2 years ago

<input type="button">, <input type="reset">, and <button>don't appear to depress when given padding

Categories

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

x86
Windows XP
defect

Tracking

()

Future

People

(Reporter: bugs, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(1 file)

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-AT; rv:1.1) Gecko/20020826 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-AT; rv:1.1) Gecko/20020826 When using an input field which is shown as a button (type=[button|submit|reset]) or the button tag with css padding, the little down-movement of the labeltext doesn't occure. When used together with any css border attribut, there ist no optical response at all. Reproducible: Always Steps to Reproduce: 1. Open the URL 2. Klick on the buttons Actual Results: The first two buttons doesn't move Expected Results: the label text should move a little bit down while the mouse button is pressed like the behavior of the third button Seen in Mozilla 1.1, Mozilla 1.2b and Phoenix 0.3. I've chosen Severity: Minor as there is a workaround with Javascript, but I don't like it. IE 6 does the movement.
Reassigning
Assignee: morse → form
Component: Form Manager → Layout: Form Controls
confirmed build 2002110808.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: buttons don't view mouseklick when padding used → <input type="button">, <input type="rest">, and <button>don't appear to depress when given padding
Attached file testcase (deleted) —
Keywords: testcase
They move because the :hover:active padding style is different from the normal padding style. If you override that, you do so at your own risk and should make sure to properly style the :hover:active version. we _could_ maybe move the padding that causes the movement somewhere where authors cannot touch it, but I don't really think we should. Or if we do,. Thoughts?
Well, I always thought we should have a native-looking button control inside a padding/border/margin, but nobody seems to like that idea.
The problem is that people expect to change the padding and have it change inside the border of the "native" control, no? Or am I missing something?
Summary: <input type="button">, <input type="rest">, and <button>don't appear to depress when given padding → <input type="button">, <input type="reset">, and <button>don't appear to depress when given padding
Priority: -- → P4
Target Milestone: --- → Future
Assignee: layout.form-controls → nobody
QA Contact: tpreston → layout.form-controls
Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: