5 .abspos { position: absolute; background-color: pink; }
6 .gray { background-color: lightgray; padding:
1px; }
7 .small { height:
3px; }
10 Absolutely positioned element as a child of a flexbox with hasLineIfEmpty()=true.
11 Such a flex box should get a line instead of collapsing to just border+padding.
12 In other words, the grey area should be (slightly) taller than the pink one.
<br>
13 <div class=
"gray" contenteditable=
"true"><div class=
"abspos">Content
</div></div>
15 ...but if it does specify a height, we need to respect it.
<br>
16 <div class=
"small gray" contenteditable=
"true"><div class=
"abspos">Content
</div></div>