Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!doctype html>
<title>:dir() not changed by typing in a text input</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>
<div dir="rtl">
<input type="text">
<textarea></textarea>
</div>
<script>
promise_test(async () => {
const input = document.querySelector("div[dir=rtl] > input");
const textarea = document.querySelector("div[dir=rtl] > textarea");
assert_true(input.matches(":dir(rtl)"), "input is RTL before text entered");
assert_true(textarea.matches(":dir(rtl)"), "input is RTL before text entered");
await test_driver.send_keys(input, "a");
await test_driver.send_keys(textarea, "a");
assert_true(input.matches(":dir(rtl)"), "input is RTL after text entered");
assert_true(textarea.matches(":dir(rtl)"), "input is RTL after text entered");
}, "entering LTR text doesn't change directionality of a text input without dir=auto");
</script>