Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-flexbox/remove-wrapped-002.html

Repository navigation

<!DOCTYPE html>

<style>

#flex {

display: flex;

width: 100px;

justify-content: center;

background: red;

/* This gap ensures that we'll see some of the red background,

if there ends up being more than 1 flex item. */

gap: 90px;

}

#swatch {

width: 100px;

height: 100px;

background: green;

}

</style>

function go() {

/* The fact that we have (and take) a linewrap opportunity

in "foo bar" is important be able to trigger the bug: */

let whitespace = document.createTextNode(" ");

let text = document.createTextNode("foo bar");

flex.appendChild(whitespace);

flex.appendChild(text);

flex.offsetHeight;

text.remove();

}

</script>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>