chrome-365594098-crash.html (700B)
1 <!DOCTYPE html> 2 <style> 3 #container { 4 position: relative; 5 width: 100px; 6 height: 100px; 7 } 8 9 #anchor { 10 position: absolute; 11 anchor-name: --a; 12 left: 0; 13 top: 0; 14 width: 10px; 15 height: 10px; 16 background: cornflowerblue; 17 } 18 19 #target { 20 position: absolute; 21 position-anchor: --a; 22 left: 0; 23 top: anchor(bottom); 24 width: 10px; 25 height: 80px; 26 background: lime; 27 position-try-fallbacks: --fallback; 28 } 29 30 @position-try --fallback { 31 left: anchor(right); 32 top: 0; 33 width: 10px; 34 height: 10%; 35 } 36 37 </style> 38 <div id="container"> 39 <div id="anchor"></div> 40 <div id="target"></div> 41 </div> 42 <script> 43 document.body.offsetTop; 44 document.getElementById('container').style.height = '20px'; 45 </script>