layout/reftests/forms/button/width-erode-overflow-focuspadding-rtl-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

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

div.button {
  display: inline-block;
  background: yellow;
  border: 2px solid fuchsia;
  padding: 2px;
  font-size: 10px;
}

span {
  display: inline-block; vertical-align: middle;
  height: 20px; width: 50px; border: 2px solid blue;
  margin: 1px 0 1px -2px; /* for implicit focuspadding, fully eroded and overflowed */
}

</style>

<div class=button><span></span></div>