interestfor-plain-inline-element.tentative.html (1421B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="help" href="https://open-ui.org/components/interest-invokers.explainer"> 4 <link rel="help" href="https://issues.chromium.org/issues/393408577"> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 6 <link rel="match" href="../../../css/reference/ref-filled-green-100px-square.xht"> 7 <meta name="flags" content="ahem"> 8 <style> 9 a:link { 10 color: green; 11 } 12 [popover] { 13 position-area: bottom right; 14 inset: auto; 15 overflow: visible; 16 margin: 0; 17 border: none; 18 padding: 0; 19 } 20 </style> 21 <script src="/resources/testdriver.js"></script> 22 <script src="/resources/testdriver-actions.js"></script> 23 <script src="/resources/testdriver-vendor.js"></script> 24 <script src="resources/invoker-utils.js"></script> 25 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 26 <div id="container" style="font:20px/1 Ahem; width:100px; height:100px; color:green; background:red;"> 27 <a id="anchor" href="#" interestfor="doohickey" style="interest-delay:0s;">x</a>xxxx 28 </div> 29 <div popover="hint" id="doohickey"> 30 <div style="margin-left:-20px; width:100px; height:80px; background:green;"></div> 31 </div> 32 33 <script> 34 async function test() { 35 await hoverOver(anchor); 36 document.documentElement.classList.remove("reftest-wait"); 37 } 38 test(); 39 </script> 40 </html>