<!DOCTYPE html>
<html>
<head>
<link href="resources/flexbox.css" rel="stylesheet">
<style>
    .abspos { position: absolute; background-color: pink; }
    .flexbox { background-color: lightgray; padding: 1px; }
    .small { height: 3px; }
</style>
</head><body>
Absolutely positioned element as a child of a flexbox with hasLineIfEmpty()=true.
Such a flex box should get a line instead of collapsing to just border+padding.
In other words, the grey area should be (slightly) taller than the pink one.<br>
<div class="flexbox" contenteditable="true"><div class="abspos">Content</div></div>
<hr>
...but if it does specify a height, we need to respect it.<br>
<div class="flexbox small" contenteditable="true"><div class="abspos">Content</div></div>