55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="variant" content="?textControl=text">
|
|
<meta name="variant" content="?textControl=password">
|
|
<meta name="variant" content="?textControl=number">
|
|
<meta name="variant" content="?textControl=textarea">
|
|
<title>Selection range after text control is removed</title>
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<script>
|
|
"use strict";
|
|
|
|
/**
|
|
* Browsers may use internal Selection and/or Range to implement the selection
|
|
* in text controls. They should not be appear outside the host text control
|
|
* after the host is removed.
|
|
*/
|
|
addEventListener("load", () => {
|
|
const textControlType = (new URLSearchParams(document.location.search)).get("mode");
|
|
function createTextControlElement() {
|
|
const textControl =
|
|
document.createElement(textControlType == "textarea" ? "textarea" : "input");
|
|
if (textControlType != "textarea") {
|
|
textControl.type = textControlType;
|
|
}
|
|
return textControl;
|
|
}
|
|
|
|
test(() => {
|
|
const textControl = createTextControlElement();
|
|
document.body.appendChild(textControl);
|
|
textControl.select();
|
|
getSelection().removeAllRanges();
|
|
textControl.remove();
|
|
assert_equals(getSelection().rangeCount, 0);
|
|
}, "Removing the text control should not add selection range");
|
|
|
|
test(() => {
|
|
const wrapper = document.createElement("div");
|
|
wrapper.id = "wrapper";
|
|
const textControl = createTextControlElement();
|
|
wrapper.appendChild(textControl);
|
|
document.body.appendChild(wrapper);
|
|
textControl.select();
|
|
getSelection().removeAllRanges();
|
|
wrapper.remove();
|
|
assert_equals(getSelection().rangeCount, 0);
|
|
}, "Removing the text control parent should not add selection range");
|
|
}, {once: true});
|
|
</script>
|
|
</head>
|
|
<body></body>
|
|
</html>
|