2a9dc5f3e4
Currently, `ShadowRoot::Unbind` does not notify the observers of the notification. With this change, `nsRange` starts removing itself from all `Selection`s if its root becomes disconnected. This behavior is different from Chrome, Chrome allows the disconnected range in shadow as a selection range. However, it does not match with the behavior tested in `move-selection-range-into-different-root.tentative.html` [1][2]. Therefore, I think that removing the range from `Selection` is reasonable for now because it's not reasonable to add a check to all selection range getters/users to check whether the range is in the composed tree. 1. https://searchfox.org/mozilla-central/rev/b60cb73160843adb5a5a3ec8058e75a69b46acf7/testing/web-platform/tests/selection/move-selection-range-into-different-root.tentative.html 2. https://wpt.fyi/results/selection/move-selection-range-into-different-root.tentative.html?run_id=5070898326929408&run_id=5147803004698624&run_id=5098392828510208&run_id=5175063246012416 Differential Revision: https://phabricator.services.mozilla.com/D204218
56 lines
1.8 KiB
HTML
56 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>
|