caret-eol-001.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html lang=en>

<meta charset="utf-8">

<title>CSS Basic User Interface Test Reference</title>

<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">

<style>

div {

    font-size: 40px;

    font-family: monospace;

    caret-color: orange;

    caret-shape: block;

    caret-animation: manual;

    outline: none;

    white-space: pre;

</style>

<p>Test passes if you see a orange text insertion caret at the end of the line below.

<div id=test contenteditable spellcheck="false">abcde</div>

<script>

const t = document.querySelector("#test");

window.getSelection().selectAllChildren(t);

window.getSelection().collapseToEnd();

</script>