position-absolute-crash-chrome-011.html (1540B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <link rel="help" href="https://crbug.com/977930"> 5 <style> 6 body { 7 margin: 20px; 8 } 9 .container { 10 position: relative; 11 } 12 #inline-container-absolute { 13 position: relative; 14 background: rgba(0,255,0,0.3); 15 } 16 #inline-container-fixed { 17 filter: blur(2px); 18 background: rgba(0,255,0,0.3); 19 } 20 .outofflow { 21 position: absolute; 22 width: 20px; 23 height: 20px; 24 background: green; 25 top:0; 26 left:0; 27 } 28 .splitter { 29 width: 100px; 30 height: 20px; 31 background: gray; 32 } 33 </style> 34 <div class="container"> 35 <div> 36 absolute 37 <span id="inline-container-absolute" > 38 container 39 <div class="outofflow" style="position:absolute">A</div> 40 container 41 <div class="splitter">splitter</div> 42 container 43 </span> 44 </div> 45 </div> 46 <div class="container"> 47 <div> 48 fixed 49 <span id="inline-container-fixed" > 50 container 51 <div class="outofflow" style="position:fixed">F</div> 52 container 53 <div class="splitter">splitter</div> 54 container 55 </span> 56 </div> 57 </div> 58 <script> 59 test(_ => { 60 document.body.offsetTop; 61 document.querySelector("#inline-container-absolute").style.position = 'static'; 62 }, 'test passes if changing abspos inline container to static does not crash'); 63 test(_ => { 64 document.body.offsetTop; 65 document.querySelector("#inline-container-fixed").style.filter = 'none'; 66 }, 'test passes if changing fixed inline container to static does not crash'); 67 </script>