1053448 - <button> content overflows into padding when overflow:hidden, text-overflow: ellipsis and white-space: nowrap is specified

Status: RESOLVED DUPLICATE of bug 1010675

(Core :: Layout, defect)

Description

[Theodore]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0 (Beta/Release)
Build ID: 20140716183446

Steps to reproduce:

Created a button with padding, a max-width, overflow: hidden, white-space: nowrap, and text-overflow: ellipsis.


Actual results:

The button's text content overflowed into the padding. This prevents me from absolutely positioning other content within the padding.

I also reproduced the bug in today's nightly.


Expected results:

The text should have been cut off before the padding (as occurs in Chrome and Internet Explorer 11). See http://jsfiddle.net/theodorejb/kfzq4911/.

Comment 1

[:Gijs (he/him)]

I juggled up http://jsbin.com/jucenu/1/edit to compare with a <div>, which works fine (set to border-box layout so it better corresponds in size to the <button> ).

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

Here's another testcase comparing to a <div> (similar to Gijs' -- only noticed his after making this one).