chromium/src/third_party/blink/web_tests/css3/flexbox/position-absolute-child-with-contenteditable.html - manifest_repos/chromium_src - Git at Google

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