layout/reftests/bugs/1642603-1-ref.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <meta charset="utf-8">
   4 <title>Reference: Bug 1642603 - scrollIntoView() should work on empty rects, even inside transforms</title>
   5
   6 <style>
   7
   8 body {
   9   margin: 0;
  10 }
  11
  12 .container {
  13   overflow: auto;
  14   perspective: 5px;
  15   border: 1px solid black;
  16   width: 300px;
  17   height: 300px;
  18 }
  19
  20 .absoluteElement {
  21   transform: translateX(0);
  22 }
  23
  24 .spacer {
  25   height: 500px;
  26 }
  27
  28 .zeroSizeBox {
  29   margin-left: 30px;
  30   width: 0;
  31   height: 20px;
  32 }
  33
  34 </style>
  35
  36 <div class="container">
  37   <div class="absoluteElement">
  38     <div class="spacer"></div>
  39     <p>This text should be visible.</p>
  40     <div class="zeroSizeBox"></div>
  41   </div>
  42 </div>
  43
  44 <script>
  45 document.querySelector('.container').scrollTop = 1000; // scroll to the end
  46 </script>