1129503 - text-indent with 100% percentage value on button doesn't push the text out of the element

Status: RESOLVED DUPLICATE of bug 654225

(Core :: Layout, defect)

Description

[Eduardo Shiota]

Attachment: bug.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.94 Safari/537.36

Steps to reproduce:

Issue present on versions 35, 36 and 37.

1. Style a button with padding: 0; border: none;
2. Style it with display: inline-block; or display: block;
3. Give a width in pixels (e.g.: width: 24px)
4. Style it with white-space: nowrap; overflow: hidden; and text-indent: 100%;


Actual results:

Text is not fully indented to the full extension of the button.


Expected results:

Text should be completely outside the button.

Comment 1

[Boris Zbarsky [:bzbarsky]]

You also want button::-moz-focus-inner { border:0; padding: 0 }....