src/third_party/WebKit/LayoutTests/fast/dom/shadow/shadow-div-reflow.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #host {
   6     width: 200px;
   7 }
   8 </style>
   9 </head>
  10 <body>
  11 <div id="host" tabindex=0>
  12     <div>
  13         <div><div>First line leads,</div></div>
  14     </div>
  15 </div>
  16 <script>
  17 if (window.internals)
  18    internals.settings.setAuthorShadowDOMForAnyElementEnabled(true);
  19
  20 var host = document.getElementById("host");
  21 var shadow1 = host.createShadowRoot();
  22 shadow1.innerHTML = "<div><shadow><content></content></shadow><div></div></div>";
  23 var shadow2 = host.createShadowRoot();
  24 shadow2.innerHTML = "<section>"
  25                  +   "<shadow><content></content></shadow>"
  26                  +   "<div>second line follows.</div>"
  27                  + "</section>";
  28 host.focus();
  29 host.blur();
  30 </script>
  31 </body>
  32 </html>