third_party/WebKit/LayoutTests/dialog/backdrop-in-flow.html

   1 <!DOCTYPE html>
   2 <style>
   3 dialog {
   4     visibility: hidden;
   5 }
   6
   7 dialog::backdrop {
   8     height: 100px;
   9     width: 50px;
  10 }
  11
  12 #left::backdrop {
  13     position: static;
  14     top: 100px;
  15     left: 100px;
  16     background: green;
  17 }
  18
  19 #right::backdrop {
  20     position: relative;
  21     background: green;
  22     top: 100px;
  23     left: 150px;
  24 }
  25 </style>
  26 <body>
  27 Test that position 'static' or 'relative' for ::backdrop computes to 'absolute'.
  28 The test passes if there is a single green box.
  29 <dialog id="left"></dialog>
  30 <dialog id="right"></dialog>
  31 </div>
  32 <script>
  33 document.querySelector('#left').showModal();
  34 document.querySelector('#right').showModal();
  35 </script>
  36 </body>