target-text-010.html (908B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>CSS Pseudo-Elements Test: ::target-text color rendering - overlap targets with hidden: until-found</title> 5 <link rel="author" title="Stephen Chenney (Igalia)" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo/#selectordef-target-text"> 7 <link rel="match" href="target-text-five-words-ref.html"> 8 <script src="/common/reftest-wait.js"></script> 9 <style> 10 div { display: inline; } 11 ::target-text { 12 color: darkgrey; 13 background-color: orange; 14 } 15 </style> 16 <p>PASS if <div hidden="until-found">"match</div> me and me"</p> 17 <p>is rendered dark grey on an orange background.</p> 18 <script> 19 window.location.hash = "#:~:text=match,me&text=me%20and%20me"; 20 requestAnimationFrame(() => requestAnimationFrame(() => { 21 requestAnimationFrame(() => takeScreenshot()); 22 })); 23 </script> 24 </html>