textarea-text-overflow-ellipsis-scroll.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-textarea-element/textarea-text-overflow-ellipsis-scroll.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class="reftest-wait">

<title>Textarea with text-overflow: ellipsis should remove ellipsis when scrolled to end</title>

<link rel="help" href="https://issues.chromium.org/issues/556432992">

<link rel="match" href="textarea-text-overflow-ellipsis-scroll-ref.html">

<style>

  textarea {

    width: 100px;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-family: monospace;

    font-size: 20px;

</style>

<textarea>01234567890123456789</textarea>

<script>

  requestAnimationFrame(() => {

    const textarea = document.querySelector('textarea');

    // Scroll to end

    textarea.scrollLeft = textarea.scrollWidth;

    document.documentElement.classList.remove('reftest-wait');

});

</script>

</html>