Closed Bug 425629 Opened 14 years ago Closed 12 years ago

<input type=submit|button|reset> calculates text position wrong

Categories

(Firefox :: General, defect)

2.0 Branch
x86
Linux
defect
Not set
normal

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: andrem, Unassigned)

References

()

Details

(Whiteboard: [CLOSEME 2010-07-30])

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.1.12) Gecko/20080129 Iceweasel/2.0.0.12 (Debian-2.0.0.12-1)
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.1.12) Gecko/20080129 Iceweasel/2.0.0.12 (Debian-2.0.0.12-1)

In the example page you can see the search button (german "Suche") in the left menu. its absolutely right positioned, and all other browsers display them right. when i use firebug and hover the element you even see it sits on the right place. however the text inside the element is moved 3 pixel to the right and 2 pixels down. if you change the type with firebug to type="text" it all sits right. so it isnt a problem with <input> elements but a problem when using buttons.

Reproducible: Always

Steps to Reproduce:
1. Create an input
2. style it to look like text
3. cahnge its type from "text" to "submit"
Actual Results:  
The text ist moved some pixels, but its not the padding, looks there is another "inner-padding" inside a button element

Expected Results:  
display the button like other browsers do

tested on windows & unix
The issue I'm experiencing is similar to this. Could be the same culprit. 

I have a submit input and an anchor tag, with both styles set to make them appear the same. Works fine in Chrome, but in Firefox the text is shifted by a few pixels. 

Firebug shows the text inside the input tag as being centered, even if the CSS sets it to left justified.

HTML:

<form method="post" action="test.php">
<fieldset>
<input type="submit" class="action" value="View Past Polls" />
</fieldset>
</form>
<a href="#" class="action">View Past Polls</a>

CSS:

input.action {color: #47829e; font-weight: 900; display: block; text-decoration: none; font-size: .9em; text-transform: uppercase; margin: 10px; background:transparent;}

a.action {color: #47829e; font-weight: 900; display: block; text-decoration: none; font-size: .9em; text-transform: uppercase; margin: 10px;}
Reporter, are you still seeing this issue with Firefox 3.6.x or later in safe mode? If not, please close. These links can help you in your testing.
http://support.mozilla.com/kb/Safe+Mode
http://support.mozilla.com/kb/Managing+profiles
Whiteboard: [CLOSEME 2010-07-30]
Version: unspecified → 2.0 Branch
No reply, INCOMPLETE. Please retest with Firefox 3.6.8 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.
Status: UNCONFIRMED → RESOLVED
Closed: 12 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.