summaryrefslogtreecommitdiffstats
path: root/layout/reftests/columns/zero-height-nondirty-reflow-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/columns/zero-height-nondirty-reflow-ref.html')
-rw-r--r--layout/reftests/columns/zero-height-nondirty-reflow-ref.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/layout/reftests/columns/zero-height-nondirty-reflow-ref.html b/layout/reftests/columns/zero-height-nondirty-reflow-ref.html
new file mode 100644
index 0000000000..758fd31350
--- /dev/null
+++ b/layout/reftests/columns/zero-height-nondirty-reflow-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+ <title>CSS Multi-column Layout Test: multi-column element with zero height</title>
+ <!--
+ Based on
+ https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht
+ by Opera Software ASA.
+ -->
+ <style>
+
+ html { overflow: hidden } /* suppress scrollbar reflows */
+
+ div#multi-column
+ {
+ height: 1px;
+ width: 200px;
+ display: inline-block;
+ background: #0c0;
+ }
+ </style>
+ </head>
+ <body style="height: 300px; width: 300px;">
+ <p>Below should be a 1px tall and 200px wide green line:</p>
+ <div style="display: inline">
+ <div id="multi-column">
+ </div>
+ </div>
+ </body>
+</html>