summaryrefslogtreecommitdiffstats
path: root/layout/reftests/box-properties/overflow-clip-box-3.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/box-properties/overflow-clip-box-3.html')
-rw-r--r--layout/reftests/box-properties/overflow-clip-box-3.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/layout/reftests/box-properties/overflow-clip-box-3.html b/layout/reftests/box-properties/overflow-clip-box-3.html
new file mode 100644
index 0000000000..001e54d260
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-3.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+ <meta charset="utf-8">
+ <title>Testcase for 'overflow-clip-box: content-box' (Bug 1226305)</title>
+ <style>
+ .test {
+ overflow-clip-box: content-box;
+ overflow: hidden;
+ padding: 20px;
+ background: green content-box;
+ width: 300px;
+ height: 20px;
+ border: 1px solid;
+ }
+ .test > div {
+ margin-top: -40px;
+ height: 40px;
+ background: red;
+ }
+ </style>
+
+ <body>
+ <p>There should be no red areas.</p>
+ <div class="test"><div>FAIL</div></div>
+ <div class="test"><div style="width: 200%">FAIL</div></div>
+ <div class="test"><div style="margin-left: 100%; height:20px; margin-top:0">FAIL</div></div>
+ <div class="test"><div style="margin-left: -100px">FAIL</div></div>
+ <div class="test"><div style="margin-left: -100%; width: 100%; height:20px; margin-top:0">FAIL</div></div>
+ </body>
+</html>