inline-grid-try-fallbacks-crash.html (790B)
1 <!DOCTYPE html> 2 <html class=test-wait> 3 <title>CSS Anchor Positioning: Don't crash when animating position and position-try-fallbacks in grid</title> 4 <link rel="help" href="https://crbug.com/339686368"> 5 <style> 6 @keyframes --anim { 7 from { 8 position: absolute; 9 position-try-fallbacks: flip-block; 10 } 11 } 12 #parent { 13 display: inline-grid; 14 } 15 #victim { 16 height:100em; 17 } 18 #victim.anim { 19 animation: --anim 100ms linear; 20 } 21 </style> 22 <p>PASS if no crash</p> 23 <div id=parent> 24 <div id=victim></div> 25 </div> 26 <script> 27 victim.classList.add('anim'); 28 victim.addEventListener('animationend', () => { 29 victim.offsetTop; 30 document.documentElement.classList.remove('test-wait'); 31 }); 32 </script> 33 </html>