Bug 13839 – [CSS] customize submit button, text-indent: -2px;

• Component: CSS
• Status: RESOLVED INVALID

[Robert]

• check http://www.typography.nl/_phpwcms_133/index.php?login_en
• look at the 'login' button ['l' is tofar to the left]
• text in button uses [CSS] 'text-indent: -2px;'. If not used in all other browsers, including IE6/win to far to the right.
• except Safari 2.0.4, it shows a standard button and Webkit 522+, it shows the text to far to the left.

[David Kilzer (:ddkilzer)]

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

[Dave Hyatt]

I'm not sure that this is a bug.  The site sets border and padding to 0... so of course a negative text indent will make the text stick out of the button...

[Robert]

(In reply to comment #2)
> I'm not sure that this is a bug.  The site sets border and padding to 0... so
> of course a negative text indent will make the text stick out of the button...
> 

It happens ONLY in this browser!
All other browsers [even IE] do it correctly!

[Robert Blaut]

(In reply to comment #3)
> (In reply to comment #2)
> > I'm not sure that this is a bug.  The site sets border and padding to 0... so
> > of course a negative text indent will make the text stick out of the button...
> > 
> 
> It happens ONLY in this browser!
> All other browsers [even IE] do it correctly!
> 

As Dave said above the behavior on the page is correct in Webkit. Also Opera behaves identically as Webkit. Firefox have problem with proper indentation text. Based on your page I create minimal test case to explain proper behavior.

[Robert Blaut]

Created attachment 19023 [details]
minimal test case

[Robert]

No Bug, but in the minimal test case it works fine in Webkit / Safari 3, but still not in for instance Camino, Opera all on a mac. Better find another workaround to solve this problem.

[Robert Blaut]

(In reply to comment #6)
> No Bug, but in the minimal test case it works fine in Webkit / Safari 3, but
> still not in for instance Camino, Opera all on a mac. Better find another
> workaround to solve this problem.
> 

I've tested the test case against the latest Opera 9.50 snapshot and it doesn't show red on the page. However Opera shows small 1px black vertical dash. Camino uses the same engine as Firefox so based on comment #4 it isn't surprise the test fails also Camino.