Closed Bug 1053448 Opened 7 years ago Closed 7 years ago
<button> content overflows into padding when overflow:hidden, text-overflow: ellipsis and white-space: nowrap is specified
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/.
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> ).
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
Product: Firefox → Core
Summary: Content overflows into padding when overflow:hidden is specified → <button> content overflows into padding when overflow:hidden, text-overflow: ellipsis and white-space: nowrap is specified
Here's another testcase comparing to a <div> (similar to Gijs' -- only noticed his after making this one).
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 1010675
You need to log in before you can comment on or make changes to this bug.