1642603-1-ref.html (743B)
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>