19 lines
748 B
HTML
19 lines
748 B
HTML
<!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>
|
|
|