tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

interactivity-inert-html-attribute-ua.html (1117B)

      1 <!DOCTYPE html>
      2 <title>CSS Basic User Interface Test: UA style interactivity for [inert]</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#inertness">
      4 <script src="/resources/testharness.js"></script>
      5 <script src="/resources/testharnessreport.js"></script>
      6 <style>
      7  .auto { interactivity: auto; }
      8 </style>
      9 <div id="t1" inert></div>
     10 <div inert>
     11  <div id="t2"></div>
     12  <div id="t3" class="auto"></div>
     13 </div>
     14 <div id="t4" inert class="auto"></div>
     15 <script>
     16  test(() => {
     17    assert_equals(getComputedStyle(t1).interactivity, "inert");
     18  }, "[inert] { interactivity: inert }");
     19 
     20  test(() => {
     21    assert_equals(getComputedStyle(t2).interactivity, "inert");
     22  }, "[inert] { interactivity: inert } inherited");
     23 
     24  test(() => {
     25    assert_equals(getComputedStyle(t3).interactivity, "auto");
     26  }, "Author interactivity:auto on a descendant can override inherited UA [inert] { interactivity: inert }");
     27 
     28  test(() => {
     29    assert_equals(getComputedStyle(t4).interactivity, "inert");
     30  }, "Author interactivity:auto does not override UA [inert] { interactivity: inert } on the element itself");
     31 
     32 </script>