gecko-dev/layout/reftests/forms/button/width-exact-fit-rtl.html

<!DOCTYPE HTML>
<html dir=rtl>
<style>

button {
  -moz-appearance: none;
  background: yellow;
  border: 2px solid fuchsia;
  padding: 2px;
  font-size: 10px;
  width: 68px;
  border-radius: 0; /* override mobile/android/themes/core/content.css */
}

span {
  display: inline-block; vertical-align: middle;
  height: 20px; width: 50px; border: 2px solid blue;
}

</style>

<button><span></span></button>
Bug 1010675 - Stop allowing button contents to overflow into the CSS padding and border (although still allow them to overflow into our internal focuspadding when the min-content width says the contents don't fit). r=dholbert Note that this replaces the code that allows eroding the space with new code that reduces the focusPadding value. (Also, we previously didn't count the focusPadding towards what could be eroded, which meant we wouldn't quite get to the edge of the padding and border, because we weren't counting the extra for the focusPadding.) The existing reftests that I'm changing from == to != are ones that were specifically testing issues related to erosion of padding. The change to 491180-{1,2}-ref.html is because we now do erode the focusPadding, which is 3px in the horizontal dimensions (see the button::-moz-focus-inner styles in forms.css), and that was the only nonzero style on the button in 491180-{1,2}.html. CLOSED TREE (per RyanVM) 2015-03-20 20:27:09 +03:00			`<!DOCTYPE HTML>`
			`<html dir=rtl>`
			`<style>`

			`button {`
			`-moz-appearance: none;`
			`background: yellow;`
			`border: 2px solid fuchsia;`
			`padding: 2px;`
			`font-size: 10px;`
			`width: 68px;`
			`border-radius: 0; /* override mobile/android/themes/core/content.css */`
			`}`

			`span {`
			`display: inline-block; vertical-align: middle;`
			`height: 20px; width: 50px; border: 2px solid blue;`
			`}`

			`</style>`

			`<button><span></span></button>`