gecko-dev/layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml
Daniel Holbert a3cb31110c Bug 666041: Reftests for css3-flexbox. (tests-only)
--HG--
rename : layout/reftests/bugs/solidblue.png => layout/reftests/flexbox/solidblue.png
2012-09-29 23:42:29 -07:00

40 lines
1.1 KiB
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
This test inserts a some inline content in a flex container, just after a
stretch of existing inline content. The new content should be incorporated
into the same anonymous flex item as the existing content.
-->
<html xmlns="http://www.w3.org/1999/xhtml"
class="reftest-wait">
<head>
<link rel="stylesheet" type="text/css" href="ahem.css" />
<script>
function tweak() {
var newInlineContent = document.createElement("i");
newInlineContent.innerHTML = "mno pqr stu";
var flexbox = document.getElementById("flexbox");
flexbox.insertBefore(newInlineContent, null);
document.documentElement.removeAttribute("class");
}
window.addEventListener("MozReftestInvalidate", tweak, false);
</script>
<style>
div#flexbox {
width: 100px;
display: -moz-flex;
font: 10px Ahem;
}
</style>
</head>
<body>
<div id="flexbox"><u>abc def ghi</u> jkl </div>
</body>
</html>