| <!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> |
| |
