summaryrefslogtreecommitdiffstats
path: root/layout/reftests/forms/button/focus-area-percent-units-1-ref.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/forms/button/focus-area-percent-units-1-ref.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/forms/button/focus-area-percent-units-1-ref.html')
-rw-r--r--layout/reftests/forms/button/focus-area-percent-units-1-ref.html52
1 files changed, 52 insertions, 0 deletions
diff --git a/layout/reftests/forms/button/focus-area-percent-units-1-ref.html b/layout/reftests/forms/button/focus-area-percent-units-1-ref.html
new file mode 100644
index 000000000..6c66d5f17
--- /dev/null
+++ b/layout/reftests/forms/button/focus-area-percent-units-1-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+ - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<html>
+<head>
+ <title>Reference case for bug 1272983</title>
+ <style>
+ /* Set explicit font size so that em units are predictable: */
+ body, button { font: 10px sans-serif; }
+
+ /* Set margin to 0 for all cases. In the first 6, that's how we expect
+ the testcase to render; and in the 7th and 8th, our reference margin
+ will be applied via a child div instead of via the pseudo-element. */
+ button.mfi1::-moz-focus-inner,
+ button.mfi2::-moz-focus-inner,
+ button.mfi3::-moz-focus-inner,
+ button.mfi4::-moz-focus-inner,
+ button.mfi5::-moz-focus-inner,
+ button.mfi6::-moz-focus-inner,
+ button.mfi7::-moz-focus-inner,
+ button.mfi8::-moz-focus-inner { margin: 0; }
+
+ /* Use an explicit div instead of pseudo-element, for reference case's
+ version of margin values that we actually expect to take effect: */
+ button.mfi7 > div { margin: 10px; }
+ button.mfi8 > div { margin: 20px; /* = 2em * 20px/em */ }
+ </style>
+</head>
+<body>
+ <button class="mfi1">mfi1</button>
+ <button class="mfi2">mfi2</button>
+ <button class="mfi3">mfi3</button>
+ <button class="mfi4">mfi4</button>
+ <br>
+ <button class="mfi5">mfi5</button>
+ <button class="mfi6">mfi6</button>
+ <button class="mfi7"><div>mfi7</div></button>
+ <button class="mfi8"><div>mfi8</div></button>
+ <br>
+
+ <button class="mfo1">mfo1</button>
+ <button class="mfo2">mfo2</button>
+ <button class="mfo3">mfo3</button>
+ <button class="mfo4">mfo4</button>
+ <br>
+ <button class="mfo5">mfo5</button>
+ <button class="mfo6">mfo6</button>
+ <button class="mfo7">mfo7</button>
+ <button class="mfo8">mfo8</button>
+ <br>
+</body>
+</html>