text-overflow-string-in-textarea-field-sizing-content-fits.html

firefox-main/testing/web-platform/tests/css/css-overflow/text-overflow-string-in-textarea-field-sizing-content-fits.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Scrolling and Overflow

Revision control

Copy as Markdown

Other Tools

HG Web

Test Info:

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

<!DOCTYPE html>

<meta charset="utf-8">

<title>text-overflow: &lt;string&gt; in a textarea with field-sizing: content that stays below max-width</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="help" href="https://drafts.csswg.org/css-ui-4/#field-sizing">

<link rel="match" href="text-overflow-string-in-textarea-field-sizing-content-fits-ref.html">

<meta name="assert" content="A textarea sized by field-sizing: content whose intrinsic width is smaller than max-width does not overflow, so the text-overflow string is not painted.">

<style>

textarea {

  field-sizing: content;

  max-width: 300px;

  white-space: nowrap;

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

</style>

<textarea>aaaa</textarea>