Revision 28d63f19babbd14a18a0219acf21362fc5d52dbc authored by Henrik Skupin on 28 March 2018, 18:49:31 UTC, committed by moz-wptsync-bot on 28 March 2018, 18:49:31 UTC
To retrieve links via "link text" or "partial link text" the rendered content of the element has to be used. This can be the case for CSS transformations like "uppercase". bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1381519 gecko-commit: 3e204686f1b10441f48435890241dff6706d04dd gecko-integration-branch: central gecko-reviewers: ato
1 parent f5b48cf
css-flexbox-row-wrap.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Flexbox Test: flex direction: row, writing mode vertical</title>
<link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org" />
<link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact" />
<!-- You must have at least one spec link, but may have as many as are covered in the test. -->
<!-- Be sure to make the main testing area first in the order -->
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow">
<!-- The match link is only required if this is a reftest -->
<link rel="match" href="css-flexbox-row-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.">
<style type="text/css">
.container {
display: flex;
flex-flow: row wrap;
writing-mode: vertical-rl;
color: white;
height: 9em;
}
.item {
background: green;
height: 3em;
width: 1.5em;
line-height: 1.5em;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<div class="error"></div>
<div class="container">
<div class="item">123</div>
<div class="item">456</div>
<div class="item">789</div>
<div class="item">abc</div>
<div class="item">def</div>
<div class="item">ghi</div>
</div>
</body>
</html>
![swh spinner](/static/img/swh-spinner.gif)
Computing file changes ...