third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child-with-contenteditable.html

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