position-try-display-none-hang-crash.html (1035B)
1 <!DOCTYPE html> 2 3 <html class="test-wait"> 4 5 <title>Browser doesn't hang when a child using position-try has an ancestor with display: none</title> 6 <link rel="author" title="Kiet Ho" href="mailto:kiet.ho@apple.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-anchor-position/#fallback"> 8 9 <style> 10 .inner { 11 position: absolute; 12 position-try: top right; 13 } 14 </style> 15 16 <!-- not nested --> 17 <div class="outer inner"></div> 18 19 <!-- 1 level nest --> 20 <div class="outer"> 21 <div class="inner"></div> 22 </div> 23 24 <!-- 2 level nest --> 25 <div class="outer"> 26 <div> 27 <div class="inner"></div> 28 </div> 29 </div> 30 31 <!-- 3 level nest --> 32 <div class="outer"> 33 <div> 34 <div> 35 <div class="inner"></div> 36 </div> 37 </div> 38 </div> 39 40 <script> 41 let html = document.documentElement; 42 html.addEventListener("TestRendered", () => { 43 const outers = document.getElementsByClassName("outer"); 44 for (let i = 0; i < outers.length; ++i) 45 outers[i].style.display = "none"; 46 47 html.classList.remove("test-wait"); 48 }); 49 </script> 50 51 </html>