Sammy Gill
8bce1a0af1
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=296402 (#53941) -- wpt-commits: 13f5f770643b1e799a38c16200b37d9e8127df32 wpt-pr: 53941
37 lines
862 B
HTML
37 lines
862 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
|
|
<meta name="assert" content="Baseline aligned item should be aligned towards the start of the inline axis (right side)."
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#flex-wrap-property">
|
|
<link rel="help" href="https://drafts.csswg.org/css-align-3/#align-by-baseline">
|
|
<style>
|
|
.flexbox {
|
|
display: flex;
|
|
width: 100px;
|
|
height: 100px;
|
|
align-items: baseline;
|
|
flex-direction: column;
|
|
direction: rtl;
|
|
position: relative;
|
|
}
|
|
.item {
|
|
width: 50px;
|
|
height: 100px;
|
|
background-color: green;
|
|
}
|
|
.abspos {
|
|
position: absolute;
|
|
right: 50px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<div class="flexbox">
|
|
<div class="abspos item"></div>
|
|
<div class="item"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|