src/third_party/WebKit/LayoutTests/fast/regions/pseudo-first-line-content-node.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #content { font: 20px/1 monospace; }
   6             #content:first-line { -webkit-flow-into: flow; }
   7             #region { -webkit-flow-from: flow; position: absolute; top: 200px; }
   8         </style>
   9     </head>
  10     <script src="../../resources/check-layout.js"></script>
  11     <body onload="checkLayout('#region')">
  12         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=105046"> [CSSRegions] Pseudo-elements should not be directly collected into a named flow</a>.</p>
  13         <p>The region should have size 0 because pseudo-elements cannot be collected directly into a named flow and such there is no content to be displayed in region.</p>
  14         <p>On success, you should not see FAIL below.</p>
  15         <div id="content">:first-line content</div>
  16         <div id="region" data-expected-width=0 data-expected-height=0></div>
  17     </body>
  18 </html>