1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht
new file mode 100644
index 0000000000..9af28a390c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: Run in - inline toggled from fixed pos should prevent running in</title>
+  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+  <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
+  <link rel="match" href="run-in-text-ref.xht"/>
+  <meta name="flags" content="dom" />
+  <meta name="assert"
+        content="Tests that run-ins don't run in if an inline between them and
+                 the block is toggled from being fixed positioned."/>
+  <style type="text/css"><![CDATA[
+    div { display: block; }
+    .run-in { display: run-in; font-weight: bold }
+    .fixedpos { position: fixed; visibility: hidden; }
+    #target { border: 2px solid black; }
+  ]]></style>
+  <script type="text/javascript"><![CDATA[
+    function flushLayout(elt) {
+      elt.offsetWidth; /* Just undefined on non-elements, but that's ok */
+      for (var i = 0; i < elt.childNodes.length; ++i) {
+        flushLayout(elt.childNodes[i]);
+      }
+    }
+    window.onload = function() {
+      flushLayout(document.documentElement);
+      var r = document.getElementById("r");
+      r.className = "";
+    }
+  ]]></script>
+ </head>
+ <body>
+   <div class="run-in">Run-in header</div>
+   <span id="r" class="fixedpos">Some text.</span>
+   <div id="target">Start of block.  The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div>
+ </body>
+</html>