[css-ui-3][css-ui-4] Broaden which elements ''resize'' applies to

Author: frivoal

css-ui-4/Overview.bs

@@ -108,6 +108,17 @@ of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
 
 	Issue: Add final level 3 content
 
+In addition to elements
+whose computed 'overflow' value
+is something other than ''visible'',
+the 'resize' property also applies
+regardless of the value of the ''overflow'' property,
+to:
+<ul>
+	<li>Replaced elements representing images or videos, such as <{img}>, <{video}>, <{picture}>, <{svg}>, <{object}>, or <{canvas}>.
+	<li>The <{iframe}> element.
+</ul>
+
 <h3 id="text-overflow"> Overflow Ellipsis: the 'text-overflow' property</h3>
 
 	Issue: Add final level 3 content
@@ -987,6 +998,9 @@ This appendix describes functional changes from the
 <ul>
 	<li>The caret-animation property have been removed.
 	It may be reintroduced later given sufficient evidence for use cases.
+	<li>The ''resize'' property now also applies to
+	    replaced elements representing images or videos,
+	    and to iframes.
 </ul>
 
 <h2 class="no-num" id="security-privacy-considerations">Appendix C. Considerations for Security and Privacy</h2>

css-ui/Overview.bs

@@ -515,7 +515,8 @@ and if so, along which axis/axes.
 <tr><th>Name:</th><td><dfn>resize</dfn></td></tr>
 <tr><th>Value: </th><td>none | both | horizontal | vertical</td></tr>
 <tr><th>Initial:</th><td>none</td></tr>
-<tr><th>Applies to:</th><td>elements with 'overflow' other than visible</td></tr>
+<tr><th>Applies to:</th><td>elements with 'overflow' other than visible,
+and optionally replaced elements representing images or videos, and iframes</td></tr>
 <tr><th>Inherited:</th><td>no</td></tr>
 <tr><th>Percentages:</th><td>N/A</td></tr>
 <tr><th>Media:</th><td>visual</td></tr>
@@ -554,6 +555,14 @@ to determine the size of the element.
 The 'resize' property applies to elements
 whose computed 'overflow' value
 is something other than ''visible''.
+UAs may also apply it,
+regardless of the value of the ''overflow'' property,
+to:
+<ul>
+	<li>Replaced elements representing images or videos, such as <{img}>, <{video}>, <{picture}>, <{svg}>, <{object}>, or <{canvas}>.
+	<li>The <{iframe}> element.
+</ul>
+
 
 The effect of the 'resize' property on generated content is undefined. Implementations should not apply the 'resize' property to generated content.
 
@@ -1528,6 +1537,10 @@ This appendix describes changes from the
 	<li>Editorial and markup tweaks
 	<li>Clarify that cursor selection is based on hit testing
 	<li>Clean-up default style sheet additions for HTML
+	<li>Optionally allow the ''resize'' property to apply to
+	    replaced elements representing images or videos
+	    and to iframes,
+	    for compatibility with level 4.
 </ul>
 
 <h2 class="no-num" id="security-privacy-considerations">Appendix C. Considerations for Security and Privacy</h2>

css-ui/Overview.html

@@ -114,7 +114,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">CSS Basic User Interface Module Level 3 (CSS3 UI)</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-25">25 September 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-29">29 September 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -736,7 +736,8 @@ <h3 class="heading settled" data-level="5.1" id="resize"><span class="secno">5.1
       <td>none
      <tr>
       <th>Applies to:
-      <td>elements with <a class="property" data-link-type="propdesc" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">overflow</a> other than visible
+      <td>elements with <a class="property" data-link-type="propdesc" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">overflow</a> other than visible,
+and optionally replaced elements representing images or videos, and iframes
      <tr>
       <th>Inherited:
       <td>no
@@ -780,7 +781,14 @@ <h3 class="heading settled" data-level="5.1" id="resize"><span class="secno">5.1
 to determine the size of the element.</p>
    <p>The <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property applies to elements
 whose computed <a class="property" data-link-type="propdesc" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">overflow</a> value
-is something other than <a class="css" data-link-type="maybe" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">visible</a>.</p>
+is something other than <a class="css" data-link-type="maybe" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow">visible</a>.
+UAs may also apply it,
+regardless of the value of the <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-3/#valdef-continue-overflow">overflow</a> property,
+to:</p>
+   <ul>
+    <li>Replaced elements representing images or videos, such as <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element">img</a></code>, <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#video">video</a></code>, <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-picture-element">picture</a></code>, <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#NewDocument">svg</a></code>, <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-object-element">object</a></code>, or <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/scripting.html#canvas">canvas</a></code>. 
+    <li>The <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-iframe-element">iframe</a></code> element. 
+   </ul>
    <p>The effect of the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property on generated content is undefined. Implementations should not apply the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property to generated content.</p>
    <p class="note" role="note">Note: the <a class="property" data-link-type="propdesc" href="#propdef-resize">resize</a> property may apply to generated content in the future if there is implementation of <a href="http://dev.w3.org/csswg/css-pseudo/#CSSPseudoElement-interface">Interface CSSPseudoElement</a>.</p>
    <p>When an element is resized by the user,
@@ -1511,6 +1519,10 @@ <h2 class="no-num heading settled" id="changes"><span class="content">Appendix B
     <li>Editorial and markup tweaks 
     <li>Clarify that cursor selection is based on hit testing 
     <li>Clean-up default style sheet additions for HTML 
+    <li>Optionally allowed the <span class="css">resize</span> property to apply to
+	    replaced elements representing images or videos
+	    and to iframes,
+	    for compatibility with level 4. 
    </ul>
    <h2 class="no-num heading settled" id="security-privacy-considerations"><span class="content">Appendix C. Considerations for Security and Privacy</span><a class="self-link" href="#security-privacy-considerations"></a></h2>
    <p>This appendix is <em>informative</em>.</p>
@@ -1862,6 +1874,11 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="https://drafts.csswg.org/css-images-3/#default-object-size">default object size</a>
      <li><a href="https://drafts.csswg.org/css-images-3/#default-sizing-algorithm">default sizing algorithm</a>
     </ul>
+   <li>
+    <a data-link-type="biblio" href="#biblio-css-overflow-3">[css-overflow-3]</a> defines the following terms:
+    <ul>
+     <li><a href="https://drafts.csswg.org/css-overflow-3/#valdef-continue-overflow">overflow</a>
+    </ul>
    <li>
     <a data-link-type="biblio" href="#biblio-css-values-3">[css-values]</a> defines the following terms:
     <ul>
@@ -1901,6 +1918,21 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="https://drafts.csswg.org/css2/visufx.html#propdef-visibility">visibility</a>
      <li><a href="https://drafts.csswg.org/css2/visudet.html#propdef-width">width</a>
     </ul>
+   <li>
+    <a data-link-type="biblio" href="#biblio-html">[HTML]</a> defines the following terms:
+    <ul>
+     <li><a href="https://html.spec.whatwg.org/multipage/scripting.html#canvas">canvas</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-iframe-element">iframe</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element">img</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-object-element">object</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-picture-element">picture</a>
+     <li><a href="https://html.spec.whatwg.org/multipage/embedded-content.html#video">video</a>
+    </ul>
+   <li>
+    <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> defines the following terms:
+    <ul>
+     <li><a href="https://svgwg.org/svg2-draft/struct.html#NewDocument">svg</a>
+    </ul>
   </ul>
   <h2 class="no-num heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
   <h3 class="no-num heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
@@ -1911,10 +1943,14 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
    <dd>Bert Bos; Elika Etemad; Brad Kemper. <a href="http://www.w3.org/TR/css3-background/">CSS Backgrounds and Borders Module Level 3</a>. 9 September 2014. CR. URL: <a href="http://www.w3.org/TR/css3-background/">http://www.w3.org/TR/css3-background/</a>
    <dt id="biblio-css3color"><a class="self-link" href="#biblio-css3color"></a>[CSS3COLOR]
    <dd>Tantek Çelik; Chris Lilley; David Baron. <a href="http://www.w3.org/TR/css3-color">CSS Color Module Level 3</a>. 7 June 2011. REC. URL: <a href="http://www.w3.org/TR/css3-color">http://www.w3.org/TR/css3-color</a>
+   <dt id="biblio-html"><a class="self-link" href="#biblio-html"></a>[HTML]
+   <dd>Ian Hickson. <a href="https://html.spec.whatwg.org/multipage/">HTML Standard</a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a>
    <dt id="biblio-png"><a class="self-link" href="#biblio-png"></a>[PNG]
    <dd>Tom Lane. <a href="http://www.w3.org/TR/PNG">Portable Network Graphics (PNG) Specification (Second Edition)</a>. 10 November 2003. REC. URL: <a href="http://www.w3.org/TR/PNG">http://www.w3.org/TR/PNG</a>
    <dt id="biblio-svg"><a class="self-link" href="#biblio-svg"></a>[SVG]
    <dd>Jon Ferraiolo. <a href="http://www.w3.org/TR/SVG/">Scalable Vector Graphics (SVG) 1.0 Specification</a>. 4 September 2001. REC. URL: <a href="http://www.w3.org/TR/SVG/">http://www.w3.org/TR/SVG/</a>
+   <dt id="biblio-svg2"><a class="self-link" href="#biblio-svg2"></a>[SVG2]
+   <dd>Nikos Andronikos; et al. <a href="http://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2</a>. 15 September 2015. WD. URL: <a href="http://www.w3.org/TR/SVG2/">http://www.w3.org/TR/SVG2/</a>
    <dt id="biblio-uax29"><a class="self-link" href="#biblio-uax29"></a>[UAX29]
    <dd>Mark Davis. <a href="http://www.unicode.org/unicode/reports/tr29/tr29-9.html">Text Boundaries</a>. 25 March 2005. Unicode Standard Annex #29. URL: <a href="http://www.unicode.org/unicode/reports/tr29/tr29-9.html">http://www.unicode.org/unicode/reports/tr29/tr29-9.html</a>
    <dt id="biblio-css-backgrounds-3"><a class="self-link" href="#biblio-css-backgrounds-3"></a>[CSS-BACKGROUNDS-3]
@@ -1923,6 +1959,8 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
    <dd>CSS Color Module Level 3 URL: <a href="http://www.w3.org/TR/css3-color/">http://www.w3.org/TR/css3-color/</a>
    <dt id="biblio-css-images-3"><a class="self-link" href="#biblio-css-images-3"></a>[CSS-IMAGES-3]
    <dd>CSS Image Values and Replaced Content Module Level 3 URL: <a href="http://www.w3.org/TR/css3-images/">http://www.w3.org/TR/css3-images/</a>
+   <dt id="biblio-css-overflow-3"><a class="self-link" href="#biblio-css-overflow-3"></a>[CSS-OVERFLOW-3]
+   <dd>David Baron. <a href="http://www.w3.org/TR/css-overflow-3/">CSS Overflow Module Level 3</a>. 18 April 2013. WD. URL: <a href="http://www.w3.org/TR/css-overflow-3/">http://www.w3.org/TR/css-overflow-3/</a>
    <dt id="biblio-css-values"><a class="self-link" href="#biblio-css-values"></a>[CSS-VALUES]
    <dd>Tab Atkins Jr.; Elika Etemad. <a href="http://www.w3.org/TR/css-values/">CSS Values and Units Module Level 3</a>. 11 June 2015. CR. URL: <a href="http://www.w3.org/TR/css-values/">http://www.w3.org/TR/css-values/</a>
    <dt id="biblio-css-writing-modes-3"><a class="self-link" href="#biblio-css-writing-modes-3"></a>[CSS-WRITING-MODES-3]
@@ -2033,7 +2071,8 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
      <th scope="row"><a class="css" data-link-type="property" href="#propdef-resize">resize</a>
      <td>none | both | horizontal | vertical
      <td>none
-     <td>elements with overflow other than visible
+     <td>elements with overflow other than visible,
+and optionally replaced elements representing images or videos, and iframes
      <td>no
      <td>N/A
      <td>visual