| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Text level 3 Test: preserved trailing white space that hang in a textarea</title> |
| <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" /> |
| <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> |
| <link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property"> |
| <link rel="help" title="4.1.2. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> |
| <link rel="help" title="6.1. Text Alignment: the text-align shorthand" href="https://drafts.csswg.org/css-text-3/#text-align-property"> |
| <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-line"> |
| <link rel="match" href="reference/trailing-space-and-text-alignment-001-ref.html"> |
| <meta name="assert" content="preserved trailing spaces under 'white-space: pre-line' hang and shouldn't cause overflow and activate the horizontal scrollbar."> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> |
| <style> |
| textarea { |
| /* Reset user-agent style */ |
| margin: initial; |
| padding: initial; |
| border: initial; |
| outline: initial; |
| resize: initial; |
| overflow-wrap: initial; |
| |
| height: 100px; |
| font: 40px/1 Ahem; |
| border: 1px solid black; |
| overflow-y: hidden; |
| overflow-x: auto; |
| |
| /* testing */ |
| width: 3ch; |
| white-space: pre-line; |
| } |
| .left { text-align: left; } |
| .center { text-align: center; } |
| .right { text-align: right; } |
| .start { text-align: start; } |
| .end { text-align: end; } |
| </style> |
| <textarea class="left">XXX X</textarea> |
| <textarea class="center">XXX X</textarea> |
| <textarea class="right">XXX X</textarea> |
| <textarea class="start">XXX X</textarea> |
| <textarea class="end">XXX X</textarea> |