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
align-self-010.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Flexbox Test: align-self - auto and align-items - baseline</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" title="8.3. Cross-axis Alignment: the 'align-items' and 'align-self' properties">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" />
<meta name="flags" content="">
<meta name="assert" content="The 'align-self' property set 'auto' aligns the flex items to the baseline of content when 'align-items' set 'baseline'">
<style>
#test {
align-items: baseline;
border: 1px solid black;
display: flex;
}
#test div {
align-self: auto;
}
#div1 {
height: 90px;
font-size: 20px;
width: 30px;
}
#div2 {
height: 50px;
font-size: 10px;
width: 30px;
}
#div3 {
height: 100px;
font-size: 30px;
width: 30px;
}
#div4 {
height: 80px;
font-size: 15px;
width: 30px;
}
</style>
<body>
<p>Test passes if the underline of all 'a' characters within black border box is horizontal and no breaking.</p>
<div id="test">
<div id="div1"><a href="#">aaa</a></div>
<div id="div2"><a href="#">aaaaa</a></div>
<div id="div3"><a href="#">aa</a></div>
<div id="div4"><a href="#">aaa</a></div>
</div>
</body>
![swh spinner](/static/img/swh-spinner.gif)
Computing file changes ...