[giow] (2) Make <textarea> support 'white-space.

git-svn-id: http://svn.whatwg.org/webapps@5236 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Aug 4, 2010 · 446b45e · 446b45e
1 parent 1740674
commit 446b45e
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 53 deletions.
diff --git a/complete.html b/complete.html
@@ -86637,6 +86637,7 @@ <h4 id=punctuation-and-decorations><span class=secno>14.2.6 </span>Punctuation a
 
 nobr { white-space: nowrap; }
 listing, plaintext, pre, xmp { white-space: pre; }
+textarea { white-space: pre-wrap; }
 
 ol { list-style-type: decimal; }
 
@@ -88376,9 +88377,7 @@ <h4 id=the-marquee-element-0><span class=secno>14.4.11 </span>The <code><a href=
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-marquee {
-  binding: <i title="">marquee</i>;
-}</pre>
+marquee { binding: <i title="">marquee</i>; }</pre>
 
   <p>When the <i title="">marquee</i> binding applies to a
   <code><a href=#the-marquee-element>marquee</a></code> element, while the element is <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>, the element is expected
@@ -88542,9 +88541,7 @@ <h4 id=the-meter-element-0><span class=secno>14.4.12 </span>The <code><a href=#t
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-meter {
-  binding: <i title="">meter</i>;
-}</pre>
+meter { binding: <i title="">meter</i>; }</pre>
 
   <p>When the <i title="">meter</i> binding applies to a
   <code><a href=#the-meter-element>meter</a></code> element, the element is expected to render as an
@@ -88575,9 +88572,7 @@ <h4 id=the-progress-element-0><span class=secno>14.4.13 </span>The <code><a href
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-progress {
-  binding: <i title="">progress</i>;
-}</pre>
+progress { binding: <i title="">progress</i>; }</pre>
 
   <p>When the <i title="">progress</i> binding applies to a
   <code><a href=#the-progress-element>progress</a></code> element, the element is expected to render as
@@ -88614,9 +88609,7 @@ <h4 id=the-select-element-0><span class=secno>14.4.14 </span>The <code><a href=#
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-select {
-  binding: <i title="">select</i>;
-}</pre>
+select { binding: <i title="">select</i>; }</pre>
 
   <p>When the <i title="">select</i> binding applies to a
   <code><a href=#the-select-element>select</a></code> element whose <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute is present,
@@ -88669,7 +88662,7 @@ <h4 id=the-textarea-element-0><span class=secno>14.4.15 </span>The <code><a href
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-textarea { binding: <i title="">textarea</i>; }</pre>
+textarea { binding: <i title="">textarea</i>; white-space: pre-wrap; }</pre>
 
   <p>When the <i title="">textarea</i> binding applies to a
   <code><a href=#the-textarea-element>textarea</a></code> element, the element is expected to render as
@@ -88707,10 +88700,14 @@ <h4 id=the-textarea-element-0><span class=secno>14.4.15 </span>The <code><a href
   number of lines specified the element's <a href=#attr-textarea-rows-value title=attr-textarea-rows-value>character height</a>, plus the
   height of a scrollbar in CSS pixels.</p>
 
-  <p>For historical reasons, if the element has a <code title=attr-textarea-wrap><a href=#attr-textarea-wrap>wrap</a></code> attribute whose value is an
-  <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title=attr-textarea-wrap-off>off</code>", then the user agent is
-  expected to not wrap the rendered value; otherwise, the value of the
-  control is expected to be wrapped to the width of the control.</p>
+  <p>User agents are expected to apply the 'white-space' CSS property
+  to <code><a href=#the-textarea-element>textarea</a></code> elements. For historical reasons, if the
+  element has a <code title=attr-textarea-wrap><a href=#attr-textarea-wrap>wrap</a></code> attribute
+  whose value is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the
+  string "<code title=attr-textarea-wrap-off>off</code>", then the
+  user agent is expected to treat the attribute as a
+  <span>presentational hint</span> setting the element's 'white-space'
+  property to 'pre'.</p>
 
   </div>
 

diff --git a/index b/index
@@ -79679,6 +79679,7 @@ q:after { content: close-quote; }
 
 nobr { white-space: nowrap; }
 listing, plaintext, pre, xmp { white-space: pre; }
+textarea { white-space: pre-wrap; }
 
 ol { list-style-type: decimal; }
 
@@ -81418,9 +81419,7 @@ input[type=submit], input[type=reset], input[type=button] { /* <a href=#case-ins
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-marquee {
-  binding: <i title="">marquee</i>;
-}</pre>
+marquee { binding: <i title="">marquee</i>; }</pre>
 
   <p>When the <i title="">marquee</i> binding applies to a
   <code><a href=#the-marquee-element>marquee</a></code> element, while the element is <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>, the element is expected
@@ -81584,9 +81583,7 @@ marquee {
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-meter {
-  binding: <i title="">meter</i>;
-}</pre>
+meter { binding: <i title="">meter</i>; }</pre>
 
   <p>When the <i title="">meter</i> binding applies to a
   <code><a href=#the-meter-element>meter</a></code> element, the element is expected to render as an
@@ -81617,9 +81614,7 @@ meter {
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-progress {
-  binding: <i title="">progress</i>;
-}</pre>
+progress { binding: <i title="">progress</i>; }</pre>
 
   <p>When the <i title="">progress</i> binding applies to a
   <code><a href=#the-progress-element>progress</a></code> element, the element is expected to render as
@@ -81656,9 +81651,7 @@ progress {
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-select {
-  binding: <i title="">select</i>;
-}</pre>
+select { binding: <i title="">select</i>; }</pre>
 
   <p>When the <i title="">select</i> binding applies to a
   <code><a href=#the-select-element>select</a></code> element whose <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute is present,
@@ -81711,7 +81704,7 @@ select {
 
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
-textarea { binding: <i title="">textarea</i>; }</pre>
+textarea { binding: <i title="">textarea</i>; white-space: pre-wrap; }</pre>
 
   <p>When the <i title="">textarea</i> binding applies to a
   <code><a href=#the-textarea-element>textarea</a></code> element, the element is expected to render as
@@ -81749,10 +81742,14 @@ textarea { binding: <i title="">textarea</i>; }</pre>
   number of lines specified the element's <a href=#attr-textarea-rows-value title=attr-textarea-rows-value>character height</a>, plus the
   height of a scrollbar in CSS pixels.</p>
 
-  <p>For historical reasons, if the element has a <code title=attr-textarea-wrap><a href=#attr-textarea-wrap>wrap</a></code> attribute whose value is an
-  <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title=attr-textarea-wrap-off>off</code>", then the user agent is
-  expected to not wrap the rendered value; otherwise, the value of the
-  control is expected to be wrapped to the width of the control.</p>
+  <p>User agents are expected to apply the 'white-space' CSS property
+  to <code><a href=#the-textarea-element>textarea</a></code> elements. For historical reasons, if the
+  element has a <code title=attr-textarea-wrap><a href=#attr-textarea-wrap>wrap</a></code> attribute
+  whose value is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the
+  string "<code title=attr-textarea-wrap-off>off</code>", then the
+  user agent is expected to treat the attribute as a
+  <span>presentational hint</span> setting the element's 'white-space'
+  property to 'pre'.</p>
 
   </div>
 

diff --git a/source b/source
@@ -98863,6 +98863,7 @@ q:after { content: close-quote; }
 
 nobr { white-space: nowrap; }
 listing, plaintext, pre, xmp { white-space: pre; }
+textarea { white-space: pre-wrap; }
 
 ol { list-style-type: decimal; }
 
@@ -100863,9 +100864,7 @@ input[type=submit], input[type=reset], input[type=button] { /* <a href="#case-in
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-marquee {
-  binding: <i title="">marquee</i>;
-}</pre>
+marquee { binding: <i title="">marquee</i>; }</pre>
 
   <p>When the <i title="">marquee</i> binding applies to a
   <code>marquee</code> element, while the element is <span
@@ -101060,9 +101059,7 @@ marquee {
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-meter {
-  binding: <i title="">meter</i>;
-}</pre>
+meter { binding: <i title="">meter</i>; }</pre>
 
   <p>When the <i title="">meter</i> binding applies to a
   <code>meter</code> element, the element is expected to render as an
@@ -101093,9 +101090,7 @@ meter {
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-progress {
-  binding: <i title="">progress</i>;
-}</pre>
+progress { binding: <i title="">progress</i>; }</pre>
 
   <p>When the <i title="">progress</i> binding applies to a
   <code>progress</code> element, the element is expected to render as
@@ -101132,9 +101127,7 @@ progress {
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-select {
-  binding: <i title="">select</i>;
-}</pre>
+select { binding: <i title="">select</i>; }</pre>
 
   <p>When the <i title="">select</i> binding applies to a
   <code>select</code> element whose <code
@@ -101195,7 +101188,7 @@ select {
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
-textarea { binding: <i title="">textarea</i>; }</pre>
+textarea { binding: <i title="">textarea</i>; white-space: pre-wrap; }</pre>
 
   <p>When the <i title="">textarea</i> binding applies to a
   <code>textarea</code> element, the element is expected to render as
@@ -101239,12 +101232,14 @@ textarea { binding: <i title="">textarea</i>; }</pre>
   title="attr-textarea-rows-value">character height</span>, plus the
   height of a scrollbar in CSS pixels.</p>
 
-  <p>For historical reasons, if the element has a <code
-  title="attr-textarea-wrap">wrap</code> attribute whose value is an
-  <span>ASCII case-insensitive</span> match for the string "<code
-  title="attr-textarea-wrap-off">off</code>", then the user agent is
-  expected to not wrap the rendered value; otherwise, the value of the
-  control is expected to be wrapped to the width of the control.</p>
+  <p>User agents are expected to apply the 'white-space' CSS property
+  to <code>textarea</code> elements. For historical reasons, if the
+  element has a <code title="attr-textarea-wrap">wrap</code> attribute
+  whose value is an <span>ASCII case-insensitive</span> match for the
+  string "<code title="attr-textarea-wrap-off">off</code>", then the
+  user agent is expected to treat the attribute as a
+  <span>presentational hint</span> setting the element's 'white-space'
+  property to 'pre'.</p>
 
   </div>