src/third_party/WebKit/LayoutTests/fast/regions/dialog-fragmentation-expected.html

   1 <html>
   2     <head>
   3         <style>
   4             .content {
   5                 background-color: blue;
   6                 color: blue;
   7                 display: block;
   8                 position: relative;
   9                 padding: 0px;
  10                 border: none;
  11                 width: 80px;
  12             }
  13
  14             #content1 {
  15                 height: 80px;
  16             }
  17
  18             #content2 {
  19                 height: 40px;
  20             }
  21
  22             #region1 {
  23                 width: 160px;
  24                 height: 80px;
  25             }
  26             #region2 {
  27                 width: 400px;
  28                 height: 100px;
  29             }
  30             .red {
  31                 width: 100%;
  32                 height: 100%;
  33                 background-color: red;
  34             }
  35         </style>
  36     </head>
  37
  38     <body>
  39         <ul>
  40             <li>The blue squares are a dialog element flowed across two regions.</li>
  41             <li>Test passes if you only see two blue rectangles.</li>
  42             <li>Test fails if you can see text or the red color.</li>
  43         </ul>
  44         <div id="region1">
  45             <dialog open class="content" id="content1">
  46                 xxxx<br>xxxx<br>xxxx<br>xxxx<br>
  47             </dialog>
  48         </div>
  49         <div id="region2">
  50             <dialog open class="content" id="content2">
  51                 Test failed!<br>xxxx
  52             </dialog>
  53         </div>
  54     </body>
  55 </html>