fune/testing/web-platform/tests/css/css-flexbox/flexbox-basic-textarea-vert-001-ref.xhtml
Sergio b3420a14ba Bug 1695988 [wpt PR 27865] - Improve flexbox-basic-* tests robustness, a=testonly
Automatic update from web-platform-tests
Fix (#27865)

Six of those tests are failing in WebKit because one of the subtests of each test generates two boxes with decimal values for heights which generates some rounding issues due to https://bugs.webkit.org/show_bug.cgi?id=222603

So although the bug in WebKit is valid, the main point of the flexbox test is not to check that but the flexbox behaviour with different types of elements as flex items. By carefully tunning the flex fractions we can end up with decimal values that are properly rounded in WebKit even if bug 222603 is not fixed.
--

wpt-commits: 299d8d9a7f9a17e3753c0f0a120408c03bc817c7
wpt-pr: 27865
2021-03-15 08:34:01 +00:00

68 lines
1.5 KiB
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<style>
div.flexbox {
height: 200px;
width: 22px;
float: left;
margin-right: 10px;
background: lightgreen;
line-height: 0;
}
textarea {
width: 20px;
height: 10px;
background: white;
border-radius: 0;
border: 1px dotted green;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div class="flexbox">
<textarea/>
</div>
<div class="flexbox">
<div style="font: 8px monospace; height: 188px">
a b
</div>
<textarea/>
</div>
<div class="flexbox">
<textarea style="height: 108.8px"
/><textarea style="height: 87.1px"/>
</div>
<div class="flexbox">
<textarea style="height: 93px"
/><textarea style="height: 103px"/>
</div>
<div class="flexbox">
<textarea style="height: 114px"
/><textarea style="height: 82px"/>
</div>
<div class="flexbox">
<textarea style="height: 106px"
/><textarea style="height: 90px"/>
</div>
<div class="flexbox">
<textarea style="height: 46px"
/><textarea style="height: 150px"/>
</div>
</body>
</html>