content-visibility-053.html (1047B)
1 <html> 2 <meta charset="utf8"> 3 <title>Content Visibility: focus on display none element</title> 4 <link rel="author" title="Rakina Zata Amni" href="mailto:rakina@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 6 <meta name="assert" content="tab navigation skips display none elements in an auto subtree"> 7 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 11 <div id=spacer style="height: 3000px"></div> 12 <div id="host"> 13 <input id="slotted" type="text"> 14 </div> 15 16 <script> 17 test(() => { 18 const container = document.createElement("div"); 19 container.innerHTML = "<slot></slot>"; 20 container.style = "content-visibility: auto"; 21 22 const shadowRoot = host.attachShadow({ mode: "open" }); 23 shadowRoot.appendChild(container); 24 25 assert_not_equals(document.activeElement, slotted); 26 slotted.focus(); 27 assert_equals(document.activeElement, slotted); 28 }, "Targetting a slotted auto-hidden element with focus makes it the active element"); 29 </script> 30 </html>