Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<meta charset="utf-8">
<title>Selecting internal node</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<link rel="stylesheet" href="/fonts/ahem.css">
details {
font: 16px/1 Ahem;
<details id="details"></details>
promise_test(async () => {
await new test_driver.Actions()
.pointerMove(5, 5, {origin: details})
.pointerMove(50, 50)
const selection = getSelection();
if (selection.anchorNode === null) {
// <details> is not selectable, which is acceptable
// Gecko throws when accessing any property from DOM-invisible node
// so check we can access something
assert_equals(, "HTMLDetailsElement");
assert_equals(selection.anchorOffset, 0);
// Gecko limits the selection inside <details> while Blink does not
// so check something general
assert_equals(selection.focusNode.nodeType, Node.ELEMENT_NODE);
assert_equals(selection.focusOffset, 0);
}, "Selecting the default summary of <details> should report a DOM-visible ancestor");