Bug 26355 – with insufficient room for padding, button label is not centered

Bug 26355 - with insufficient room for padding, button label is not centered


Summary:	with insufficient room for padding, button label is not centered

Status:	NEW

Product:	WebKit
Classification:	Unclassified
Component:	CSS
Version:	528+ (Nightly build)
Platform:	All Windows XP

Importance:	P2 Normal
Assigned To:	Nobody

URL:
Keywords:

Depends on:
Blocks:
	Show dependency tree / graph

Reported:	2009-06-12 14:29 PDT by Jungshik Shin
Modified:	2009-06-12 14:33 PDT (History)
CC List:	0 users

See Also:

Attachments
test (323 bytes, text/html) 2009-06-12 14:33 PDT, Jungshik Shin	no flags	Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.

Description Jungshik Shin 2009-06-12 14:29:39 PDT

<input type=button style="width:25px; font-size: 18px" value="A"></input>
<input type=button style="width:25px; font-size: 18px; padding: 0px;" value="A"></input>


On Mac OS X, two buttons above are rendered identically. In both cases, 'A' is centered in the button. 

On Windows (Safari 4 and Chrome), 'A' is not centered but shifted to the right in the first button as if left-padding is applied first without considering whether there's enough room for 'right-padding. 

The UA stylesheet for input button has 'padding-left' and 'padding-right' set to 6px.

Comment 1 Jungshik Shin 2009-06-12 14:33:49 PDT

Created attachment 31213 [details]
test

the first button : width: 25px, font-size:18px
the 2nd button: width: 25px, font-size:18px, padding:0
the 3rd button : width:40px, font-size: 18px