src/third_party/WebKit/LayoutTests/fast/dom/shadow/shadow-and-list-elements.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 /*
   6  * To fill missing UA styles which appears in the expected.html through the "li ul" selector in html.css.
   7  * Following <ul> crosses shadow boundary and doesn't match it.
   8  * https://bugs.webkit.org/show_bug.cgi?id=92192
   9  */
  10 * /deep/ ul {
  11    -webkit-margin-before: 0px;
  12    -webkit-margin-after: 0px;
  13 }
  14 </style>
  15 </head>
  16 <body>
  17 <div>
  18   <ol>
  19     <li>A</li>
  20     <li id="host">B</li>
  21     <li>C</li>
  22   </ol>
  23 </div>
  24 <script>
  25 // The tree to be created:
  26 //
  27 // <ol>
  28 //   <li>A</li>
  29 //   <li>B
  30 //      #document-fragment
  31 //        <li>X</li>
  32 //        <ul><shadow></shadow></ul>
  33 //        <li>Y</li>
  34 //   </li>
  35 //   <li>C</li>
  36 // </ol>
  37 var host = document.getElementById("host");
  38 var shadow = host.createShadowRoot();
  39 shadow.innerHTML = "<li>X</li><ul><shadow></shadow></ul><li>Y</li>";
  40 </script>
  41 </body>
  42 </html>