wpt / css / css-ui / interactivity-inert-html-attribute-ua.html

Status: FAIL | Duration: 49ms | Subtests: 0/4 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/4)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
[inert] { interactivity: inert }FAILassert_equals: expected "inert" but got ""
[inert] { interactivity: inert } inheritedFAILassert_equals: expected "inert" but got ""
Author interactivity:auto on a descendant can override inherited UA [inert] { interactivity: inert }FAILassert_equals: expected "auto" but got ""
Author interactivity:auto does not override UA [inert] { interactivity: inert } on the element itselfFAILassert_equals: expected "inert" but got ""

/css/css-ui/interactivity-inert-html-attribute-ua.html

<!DOCTYPE html>
<title>CSS Basic User Interface Test: UA style interactivity for [inert]</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#inertness">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  .auto { interactivity: auto; }
</style>
<div id="t1" inert></div>
<div inert>
  <div id="t2"></div>
  <div id="t3" class="auto"></div>
</div>
<div id="t4" inert class="auto"></div>
<script>
  test(() => {
    assert_equals(getComputedStyle(t1).interactivity, "inert");
  }, "[inert] { interactivity: inert }");

  test(() => {
    assert_equals(getComputedStyle(t2).interactivity, "inert");
  }, "[inert] { interactivity: inert } inherited");

  test(() => {
    assert_equals(getComputedStyle(t3).interactivity, "auto");
  }, "Author interactivity:auto on a descendant can override inherited UA [inert] { interactivity: inert }");

  test(() => {
    assert_equals(getComputedStyle(t4).interactivity, "inert");
  }, "Author interactivity:auto does not override UA [inert] { interactivity: inert } on the element itself");

</script>