summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/compat/webkit-box-rtl-flex.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/compat/webkit-box-rtl-flex.html')
-rw-r--r--testing/web-platform/tests/compat/webkit-box-rtl-flex.html26
1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/compat/webkit-box-rtl-flex.html b/testing/web-platform/tests/compat/webkit-box-rtl-flex.html
new file mode 100644
index 0000000000..d20b3a0a9d
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-box-rtl-flex.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<link rel="help" href="https://crbug.com/1034461">
+<link rel="match" href="webkit-box-rtl-flex-ref.html">
+<style>
+#webkitbox {
+ width: 500px;
+ display: -webkit-box;
+ direction: rtl;
+}
+
+#redbox {
+ background: red;
+ -webkit-box-flex: 1;
+}
+
+#greenbox {
+ background: green;
+ -webkit-box-flex: 1;
+}
+
+</style>
+<p>There should be a green box followed by a red box, both on the same line.
+<div id="webkitbox">
+ <div id="redbox">A</div>
+ <div id="greenbox">B</div>
+</div>