summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/interactive-elements/the-dialog-element/dialog-inert.html
blob: 864420b9d25e67745a497309252a6df8000a8b2f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<meta charset=utf-8>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="author" title="Mozilla" href="https://mozilla.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  body { margin: 0 }
  dialog {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  dialog::backdrop {
    display: none;
  }
</style>
<dialog id=dialog>Something</dialog>
<script>
test(function() {
  let dialog = document.getElementById("dialog");
  dialog.showModal();
  assert_equals(
    document.elementFromPoint(10, 10),
    dialog,
    "Dialog is hittable by default",
  );
  dialog.inert = true;
  assert_not_equals(
    document.elementFromPoint(10, 10),
    dialog,
    "Dialog becomes inert dynamically",
  );
  dialog.close();
  dialog.showModal();
  assert_not_equals(
    document.elementFromPoint(10, 10),
    dialog,
    "Dialog remains inert after open",
  );
});
</script>