<!DOCTYPE html>
<meta charset=utf-8>
<title>text field selection (textarea)</title>
<link rel="author" title="Denis Ah-Kang" href="mailto:[email protected]">
<link rel=help href="https://html.spec.whatwg.org/multipage/#textFieldSelection">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<script>
test(function() {
var el = document.createElement("textarea");
assert_equals(el.selectionStart, 0, "initial selectionStart");
assert_equals(el.selectionEnd, 0, "initial selectionEnd");
// The initial selection direction must be "none" if the platform supports that
// direction, or "forward" otherwise.
assert_in_array(el.selectionDirection, ["none", "forward"]);
const initialDirection = el.selectionDirection;
el.selectionDirection = "none";
assert_equals(el.selectionDirection, initialDirection);
el.value = "foo";
el.selectionStart = 1;
el.selectionEnd = 1;
el.selectionDirection = "forward";
assert_equals(el.selectionStart, 1, "updated selectionStart");
assert_equals(el.selectionEnd, 1, "updated selectionEnd");
assert_equals(el.selectionDirection, "forward", "updated selectionDirection");
el.setRangeText("foobar");
el.setSelectionRange(0, 1);
assert_equals(el.selectionStart, 0, "final selectionStart");
assert_equals(el.selectionEnd, 1, "final selectionEnd");
assert_in_array(el.selectionDirection, ["none", "forward"]);
const finalDirection = el.selectionDirection;
el.finalDirection = "forward";
assert_equals(el.selectionDirection, finalDirection);
}, "text field selection for the input textarea");
</script>
Codebase Browser
chromium