text-overflow-string-in-textarea-dynamic-value.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-overflow/text-overflow-string-in-textarea-dynamic-value.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class="reftest-wait">

<meta charset="utf-8">

<title>text-overflow: &lt;string&gt; in a textarea whose value starts overflowing</title>

<link rel="author" title="Minseong Kim" href="jja08111@gmail.com">

<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#text-overflow">

<link rel="mismatch" href="text-overflow-in-textarea-notref.html">

<meta name="assert" content="A value that is long enough to overflow the textarea is truncated with the text-overflow string.">

<style>

textarea {

  white-space: nowrap;

  text-overflow: "[...]";

</style>

<textarea>aa</textarea>

<script>

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

requestAnimationFrame(() => {

  textarea.value = 'a'.repeat(49);

  requestAnimationFrame(() => {

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

});

});

</script>

</html>