703786 - <button> child with max-width:100% overlaps padding

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect)

Description

[Mats Palmgren (inactive)]

The testcase at http://stackoverflow.com/questions/8185553/how-can-i-adjust-my-css-so-that-firefox-respects-the-padding-when-child-tag-has seems to put the ellipsis inside the content area in other browsers, while we let it spill out into the padding.  Is that expected?  Should we be doing the text-overflow clipping before the centering that buttons do?

I'll look into this when I get back....

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase #1

Comment 2

[Mats Palmgren (inactive)]

text-overflow handling seems correct - the problem appears to be with how we
calculate max-width inside <button>.  Setting -moz-box-sizing: content-box;
doesn't seem to help, see Testcase #1.  Not sure if there's a bug here,
but Chrome on Linux renders the testcase as I would expect it - with a
10px horizontal padding around the green box.

Comment 3

[arni2033]

I can reproduce this behavior on Fx20, but not on Fx28+
// (Win7_64, Nightly 43, 32bit, ID 20150901030226, new profile, safe mode)