You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<li>the <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a> value of the <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> property
234
235
</ul></div>
235
236
236
237
@@ -872,7 +873,7 @@ <h2 class="heading settled" data-level="3" id="white-space-property"><span class
@@ -998,6 +999,18 @@ <h2 class="heading settled" data-level="3" id="white-space-property"><span class
998
999
<dd>Like <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre">pre</a>, this value preserves <adata-link-type="dfn" href="#white-space">white space</a>;
999
1000
but like <aclass="css" data-link-type="maybe" href="#valdef-white-space-normal">normal</a>, it allows wrapping.
<dd>Like <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>, this value preserves <i>white space</i> and allows wrapping.
1006
+
However, some of the behavior is made UA dependent
1007
+
(See <ahref="#white-space-rules">The White Space Processing Rules</a>
1008
+
for details).
1009
+
This flexibility allows UAs to match platform conventions,
1010
+
in particular with respect to multi-line editable text fields,
1011
+
and when preserved <adata-link-type="dfn" href="#white-space">white space</a> at the end a line
@@ -1006,6 +1019,12 @@ <h2 class="heading settled" data-level="3" id="white-space-property"><span class
1006
1019
1007
1020
</dl>
1008
1021
1022
+
1023
+
<pclass="issue" id="issue-5b12ad37"><aclass="self-link" href="#issue-5b12ad37"></a> Suggestions of a better name for <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a> are welcome.</p>
1024
+
1025
+
1026
+
<pclass="note" role="note">Note: <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a> is at risk.</p>
1027
+
1009
1028
1010
1029
<p>The following informative table summarizes the behavior of various
<p>If <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> is set to <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>, any sequence of
1275
-
spaces is treated as a sequence of non-breaking spaces. However,
1276
-
a <adata-link-type="dfn" href="#soft-wrap-opportunity">soft wrap opportunity</a> exists at the end of the sequence.</p>
1309
+
<p>If <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> is set to <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>,
1310
+
any sequence of spaces is preserved.
1311
+
This is achieved by treating it as a sequence of non-breaking spaces,
1312
+
except that a <adata-link-type="dfn" href="#soft-wrap-opportunity">soft wrap opportunity</a> exists
1313
+
between each of the spaces of this preserved sequence,
1314
+
as well as at the beginning
1315
+
and at the end of the sequence.</p>
1316
+
1317
+
1318
+
<li>
1319
+
<p>If <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> is set to <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a>,
1320
+
any sequence of spaces is preserved.
1321
+
This is achieved by treating it as a sequence of non-breaking spaces.
1322
+
However, unlike with <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>,
1323
+
whether <adata-link-type="dfn" href="#soft-wrap-opportunity">soft wrap opportunities</a> exist in this sequence
1324
+
is user-agent defined.
1325
+
These UA-specific rules may be context dependent.</p>
1277
1326
1278
1327
1279
1328
</ul>
@@ -1342,7 +1391,7 @@ <h4 class="heading settled" data-level="4.1.2" id="line-break-transform"><span c
1342
1391
1343
1392
1344
1393
1345
-
<p>When <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> is <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre">pre</a>, <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>, or <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-line">pre-line</a>,
1394
+
<p>When <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> is <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre">pre</a>, <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a>, <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a>, or <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-line">pre-line</a>,
1346
1395
<adata-link-type="dfn" href="#segment-break">segment breaks</a> are not <adata-link-type="dfn" href="#collapsible-white-space">collapsible</a>
1347
1396
and are instead transformed into a preserved line feed (U+000A).
<li>A sequence of <adata-link-type="dfn" href="#collapsible-white-space">collapsible</a> spaces at the end of a line is removed.
1405
1454
1406
1455
<li>If spaces or tabs at the end of a line are non-collapsible but
1407
-
have <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> set to <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap">pre-wrap</a> the UA may visually
1456
+
have <aclass="property" data-link-type="propdesc" href="#propdef-white-space">white-space</a> set to <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a> the UA may visually
<divclass="issue"> Suggestions of a better name for <aclass="css" data-link-type="maybe" href="#valdef-white-space-pre-wrap-auto">pre-wrap-auto</a> are welcome.<ahref="#issue-5b12ad37"> ↵ </a></div>
5378
5429
<divclass="feedback issue">Comments on how well this would work in practice would
5379
5430
be very much appreciated, particularly from people who work with
0 commit comments