28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<input id="input" contenteditable></input>
|
||
|
|
<select id="select"><option></option></select>
|
||
|
|
<div id="output"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
let write = s => output.innerHTML += `${s}<br>`;
|
||
|
|
input.focus();
|
||
|
|
|
||
|
|
if (window.testRunner) {
|
||
|
|
testRunner.dumpAsText();
|
||
|
|
textInputController.setMarkedText("a", 1, 0);
|
||
|
|
textInputController.setMarkedText("ab", 2, 0);
|
||
|
|
textInputController.setMarkedText("abc", 3, 0);
|
||
|
|
select.focus();
|
||
|
|
textInputController.insertText(null);
|
||
|
|
write(`The text field's value is: "${input.value}"`);
|
||
|
|
write(`Is there marked text? ${!!textInputController.markedRange()}`);
|
||
|
|
} else {
|
||
|
|
write(`To manually test, insert some marked text in the left text field without committing it, then focus
|
||
|
|
the right select menu. The composition text should be committed, and the composition should no longer
|
||
|
|
be highlighted.`);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|