- From: Tantek Celik via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 14 Dec 2011 17:16:20 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-ui
In directory hutz:/tmp/cvs-serv24178
Modified Files:
Overview.html Overview.src.html
Log Message:
bump pointer-events to CSS4-UI due to issues, previously undocumented hit-testing. add HTML5, CSS3MARQUEE references. ready for LCWD.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.html,v
retrieving revision 1.34
retrieving revision 1.35
diff -u -d -r1.34 -r1.35
--- Overview.html 13 Dec 2011 11:55:13 -0000 1.34
+++ Overview.html 14 Dec 2011 17:16:18 -0000 1.35
@@ -47,12 +47,12 @@
src="http://www.w3.org/Icons/w3c_home" width=72> </a>
<h1>CSS Basic User Interface Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 December
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 December
2011</h2>
<dl>
<dt>This version:</dt>
- <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20111213">http://www.w3.org/TR/2011/ED-css3-ui-20111213</a></dd> -->
+ <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20111214">http://www.w3.org/TR/2011/ED-css3-ui-20111214</a></dd> -->
<dd><a
href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a>
@@ -299,9 +299,6 @@
<li>'cursor' property values: ew-resize | ns-resize | nesw-resize | nwse-resize
implemented by Firefox and Safari
</li>
- <li>pointer-events property:
- implemented by Firefox 3.6 and later, Safari 4 and later, Opera v?
- </li>
<li>'resize' property
implemented by Firefox 4 and Safari
</li>
@@ -514,10 +511,6 @@
<li><a href="#cursor"><span class=secno>9.1.1. </span><span
class=property>‘<code
class=property>cursor</code>’</span> property</a>
-
- <li><a href="#pointer-events"><span class=secno>9.1.2. </span><span
- class=property>‘<code
- class=property>pointer-events</code>’</span> property</a>
</ul>
<li><a href="#keyboard"><span class=secno>9.2. </span>Keyboard
@@ -550,17 +543,15 @@
<li class=no-num><a href="#changes">Appendix C. Changes</a>
<ul class=toc>
- <li class=no-num><a href="#changes-list">List of specific changes</a>
+ <li class=no-num><a href="#changes-list">List of substantial changes</a>
+
</ul>
<li class=no-num><a
href="#appendix-d.-default-style-sheet-addition">Appendix D. Default
- style sheet additions for HTML and SVG</a>
-
- <li class=no-num><a href="#appendix-e.-example-profiles">Appendix E.
- Example profiles</a>
+ style sheet additions for HTML</a>
- <li class=no-num><a href="#appendix-f-test-suite">Appendix F: Test
+ <li class=no-num><a href="#appendix-e-test-suite">Appendix E: Test
Suite</a>
<li class=no-num><a href="#index">Index</a>
@@ -655,13 +646,13 @@
<li>Web browsers
<li>User agents that implement one or more of the following types of
- content: HTML (e.g. <a href="#HTML401"
- rel=biblioentry>[HTML401]<!--{{HTML401}}--></a>), XHTML (e.g. <a
- href="#XHTML10" rel=biblioentry>[XHTML10]<!--{{XHTML10}}--></a>, <a
- href="#XHTML11" rel=biblioentry>[XHTML11]<!--{{XHTML11}}--></a>), XForms
- (e.g. <a href="#XFORMS10"
- rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>), SVG (e.g. <a
- href="#SVG10" rel=biblioentry>[SVG10]<!--{{SVG10}}--></a>, <a
+ content: HTML (<a href="#HTML401"
+ rel=biblioentry>[HTML401]<!--{{HTML401}}--></a>, <a href="#HTML5"
+ rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>), XHTML (<a href="#XHTML10"
+ rel=biblioentry>[XHTML10]<!--{{XHTML10}}--></a>, <a href="#XHTML11"
+ rel=biblioentry>[XHTML11]<!--{{XHTML11}}--></a>), XForms (e.g. <a
+ href="#XFORMS10" rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a>), SVG
+ (e.g. <a href="#SVG10" rel=biblioentry>[SVG10]<!--{{SVG10}}--></a>, <a
href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) or other
content languages that contain forms controls or are intended for user
interaction
@@ -721,6 +712,8 @@
<ul>
<li><a href="#HTML401" rel=biblioentry>[HTML401]<!--{{HTML401}}--></a>
+ <li><a href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>
+
<li><a href="#UAAG10" rel=biblioentry>[UAAG10]<!--{{UAAG10}}--></a>
<li><a href="#XML10" rel=biblioentry>[XML10]<!--{{XML10}}--></a>
@@ -2262,10 +2255,13 @@
interface to swipe-scroll, etc.), there are additional implementation
details that provide a better user experience:
- <p> When an element is scrolled (e.g. by the user or DOM manipulation),
- more of the element's content is shown. The value of text-overflow should
- not affect whether more of the element's content is shown or not. If a
- non-clip text-overflow is set, then as more content is scrolled into view,
+ <p> When an element is scrolled (e.g. by the user, DOM manipulation, or <a
+ href="http://www.w3.org/TR/2008/CR-css3-marquee-20081205/#overflow-style">‘<code
+ class=property>overflow-style</code>’</a> <a href="#CSS3MARQUEE"
+ rel=biblioentry>[CSS3MARQUEE]<!--{{CSS3MARQUEE}}--></a>), more of the
+ element's content is shown. The value of text-overflow should not affect
+ whether more of the element's content is shown or not. If a non-clip
+ text-overflow is set, then as more content is scrolled into view,
implementations should show whatever additional content fits, only
truncating content which would otherwise be clipped (or is necessary to
make room for the ellipsis/string), until the element is scrolled far
@@ -2578,187 +2574,6 @@
class=value>pointer</span></code>’ cursor.</p>
</div>
- <h4 id=pointer-events><span class=secno>9.1.2. </span><span
- class=property>‘<a href="#pointer-events0"><code
- class=property>pointer-events</code></a>’</span> property</h4>
-
- <table class=propdef id=propdef-pointer-events>
- <tbody>
- <tr>
- <th>Name:
-
- <td><dfn id=pointer-events0>pointer-events</dfn>
-
- <tr>
- <th>Value:
-
- <td> auto | none | all | visible | visiblePainted | visibleFill |
- visibleStroke | painted | fill | stroke | inherit
-
- <tr>
- <th>Initial:
-
- <td>auto
-
- <tr>
- <th>Applies to:
-
- <td>all elements
-
- <tr>
- <th>Inherited:
-
- <td>yes
-
- <tr>
- <th>Percentages:
-
- <td>N/A
-
- <tr>
- <th>Media:
-
- <td>visual, interactive
-
- <tr>
- <th>Computed value:
-
- <td>the specified value
- </table>
-
- <p>The pointer-events property allows authors to control whether or when an
- element may be the target of user pointing device (pointer, e.g. mouse)
- events. This property is used to specify under which circumstance (if any)
- a pointer event should go "through" an element and target whatever is
- "underneath" that element instead. This also applies to other "hit
- testing" behaviors such as dynamic pseudo-classes (:hover, :active,
- :focus), hyperlinks, and Document.elementFromPoint().
-
- <p>Related open issues: <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-6">6</a>, <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-7">7</a>, <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-8">8</a>, <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-9">9</a>, <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-10">10</a>, <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-11">11</a>.
-
- <p>Values have the following meanings (values defined as "SVG only" behave
- as ‘<code class=css><span class=value>auto</span></code>’ in
- other XHTML and HTML content).
-
- <dl>
- <dt>auto
-
- <dd> In SVG content, behave as <span class=value>visiblePainted</span>.
- Otherwise, behave as <span class=value>all</span>.
-
- <dt>none
-
- <dd> The element is never the target of pointer events, although pointer
- events may target its descendant elements if those descendants have
- ‘<a href="#pointer-events0"><code class=css><span
- class=property>pointer-events</span></code></a>’ set to some other
- value, in which case pointer events will trigger event listeners on this
- element as appropriate on their way to/from the descendant during the
- event capture/bubble phases.
- <div class=note>
- <p> <em><strong>Note.</strong> When specifying ‘<code
- class=property>none</code>’ for the ‘<a
- href="#pointer-events0"><code
- class=property>pointer-events</code></a>’ property on an element,
- authors should also consider making element not focusable, e.g. in SVG,
- setting ‘<code class=property>focusable</code>’ to
- ‘<code class=property>false</code>’. See related <a
- href="http://wiki.csswg.org/spec/css3-ui#issue-13">issue 13</a>. </em></p>
- </div>
-
- <dt>all
-
- <dd> The element may be the target element for pointer events whenever the
- pointer is inside the CSS border edge of the element (or in SVG, over
- either the interior (i.e., fill) or the perimeter (i.e., stroke) of the
- element). The value of the ‘<code class=css><span
- class=property>visibility</span></code>’ property does not effect
- event processing.
-
- <dt>visible
-
- <dd> The element may be the target of pointer events when the ‘<code
- class=css><span class=property>visibility</span></code>’ property
- is set to <span class=value>visible</span>, and the pointer is over the
- contents, background, or border of the element (or in SVG, over either
- the interior (i.e., fill) or the perimeter (i.e., stroke) of the
- element). In SVG, the values of the ‘<code class=css><span
- class=property>fill</span></code>’ and ‘<code class=css><span
- class=property>stroke</span></code>’ do not effect event
- processing.
-
- <dt>visiblePainted
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the ‘<code class=css><span
- class=property>visibility</span></code>’ property is set to <span
- class=value>visible</span> and when the pointer is over the interior
- (i.e., ‘<code class=property>fill</code>’) of the element and
- the ‘<code class=css><span class=property>fill</span></code>’
- property is set to a value other than <span class=value>none</span>, or
- when the pointer is over the perimeter (i.e., ‘<code
- class=property>stroke</code>’) of the element and the ‘<code
- class=css><span class=property>stroke</span></code>’ property is
- set to a value other than <span class=value>none</span>.
-
- <dt>visibleFill
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the ‘<code class=css><span
- class=property>visibility</span></code>’ property is set to <span
- class=value>visible</span> and when the pointer is over the interior
- (i.e., fill) of the element. The value of the ‘<code
- class=css><span class=property>fill</span></code>’ property does
- not effect event processing.
-
- <dt>visibleStroke
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the ‘<code class=css><span
- class=property>visibility</span></code>’ property is set to <span
- class=value>visible</span> and when the pointer is over the perimeter
- (i.e., stroke) of the element. The value of the ‘<code
- class=css><span class=property>stroke</span></code>’ property does
- not effect event processing.
-
- <dt>painted
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the pointer is over the interior (i.e., ‘<code
- class=property>fill</code>’) of the element and the ‘<code
- class=css><span class=property>fill</span></code>’ property is set
- to a value other than none, or when the mouse cursor is over the
- perimeter (i.e., ‘<code class=property>stroke</code>’) of the
- element and the stroke property is set to a value other than <span
- class=value>none</span>. The value of the ‘<code class=css><span
- class=property>visibility</span></code>’ property does not effect
- event processing.
-
- <dt>fill
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the pointer is over the interior (i.e., fill) of the element. The values
- of the ‘<code class=css><span
- class=property>fill</span></code>’ and ‘<code class=css><span
- class=property>visibility</span></code>’ properties do not effect
- event processing.
-
- <dt>stroke
-
- <dd> SVG only. The element can only be the target of a pointer event when
- the pointer is over the perimeter (i.e., stroke) of the element. The
- values of the ‘<code class=css><span
- class=property>stroke</span></code>’ and ‘<code
- class=css><span class=property>visibility</span></code>’ properties
- do not effect event processing.
- </dl>
-
<h3 id=keyboard><span class=secno>9.2. </span>Keyboard control</h3>
<h4 id=nav-index><span class=secno>9.2.1. </span>Sequential navigation
@@ -3273,6 +3088,16 @@
</dd>
<!---->
+ <dt id=CSS3MARQUEE>[CSS3MARQUEE]
+
+ <dd>Bert Bos. <a
+ href="http://www.w3.org/TR/2008/CR-css3-marquee-20081205"><cite>CSS
+ Marquee Module Level 3.</cite></a> 5 December 2008. W3C Candidate
+ Recommendation. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2008/CR-css3-marquee-20081205">http://www.w3.org/TR/2008/CR-css3-marquee-20081205</a>
+ </dd>
+ <!---->
+
<dt id=HTML401>[HTML401]
<dd>Dave Raggett; Arnaud Le Hors; Ian Jacobs. <a
@@ -3282,6 +3107,15 @@
</dd>
<!---->
+ <dt id=HTML5>[HTML5]
+
+ <dd>Ian Hickson. <a
+ href="http://www.w3.org/TR/2011/WD-html5-20110525/"><cite>HTML5.</cite></a>
+ 25 May 2011. W3C Working Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-html5-20110525/">http://www.w3.org/TR/2011/WD-html5-20110525/</a>
+ </dd>
+ <!---->
+
<dt id=SVG10>[SVG10]
<dd>Jon Ferraiolo. <a
@@ -3362,7 +3196,7 @@
minor functional changes from the <a
href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/">Candidate
Recommendation (CR) of 11 May 2004</a> that were made to reflect
- implementer adoption (or lack thereof) in the six years since. In
+ implementer adoption (or lack thereof) in the seven years since. In
particular, changes since the CR fall into one of three categories:
<ul>
@@ -3371,15 +3205,19 @@
<li>Dropping features that were not implemented, or were insufficiently
implemented to exit CR.</li>
- <!-- examples? -->
+ <!-- e.g. System Appearance -->
<li>Adding a small number of new but already interoperably implemented
- features. <!-- e.g. pointer-events -->
+ features. <!-- e.g. text-overflow, ime-mode -->
</ul>
- <h3 class=no-num id=changes-list>List of specific changes</h3>
+ <h3 class=no-num id=changes-list>List of substantial changes</h3>
<ul>
+ <li>System Appearance has been dropped, including appearance values &
+ property, and system fonts / extension of the ‘<code
+ class=property>font</code>’ property shorthand.
+
<li>‘<a href="#box-sizing0"><code class=css><span
class=property>box-sizing</span></code></a>’ property. Added
‘<code class=property>padding-box</code>’ value.
@@ -3391,21 +3229,17 @@
<li>‘<a href="#ime-mode"><code class=css><span
class=property>ime-mode</span></code></a>’ property - new!
- <li>‘<a href="#pointer-events0"><code class=css><span
- class=property>pointer-events</span></code></a>’ property - new!
-
<li>‘<a href="#text-overflow0"><code class=css><span
class=property>text-overflow</span></code></a>’ property - new!
</ul>
<h2 class=no-num id=appendix-d.-default-style-sheet-addition>Appendix D.
- Default style sheet additions for HTML and SVG</h2>
+ Default style sheet additions for HTML</h2>
<p>This appendix is <em>informative</em>.
<p>Potential additions to the base style sheet to express HTML form
- controls, a few dynamic presentation attributes, and some default SVG
- behaviors:
+ controls, and a few dynamic presentation attributes:
<pre class=html4ss>
@@ -3526,298 +3360,9 @@
*/
-/* SVG initial values */
-@namespace svg "http://www.w3.org/2000/svg";
-svg|svg { pointer-events: none }
-svg|svg>* { pointer-events: visiblePainted }
-/* setting the SVG specific initial value on the children of
- the svg root element should be sufficient to mimic
- the SVG specified behavior of initial: visiblePainted,
- descendant elements will inherit it accordingly */
-
</pre>
- <h2 class=no-num id=appendix-e.-example-profiles>Appendix E. Example
- profiles</h2>
-
- <p>This appendix is <em>informative</em>.
-
- <p>These example profiles are written to roughly reflect the set of
- functionality that other specifications use/define which has been
- explicitly defined and/or updated in this specification. These profiles
- are independent of any other dimensions of variability, e.g. properties
- that may allow some values to be treated as other values.
-
- <p> This specification recommends that implementations base their support
- on at least one of the profiles defined below. Thus a CSS2.1 user agent
- for example, should consider supporting the CSS2.1 profile for CSS3 Basic
- UI.
-
- <h3 class="no-num no-toc" id=css1-profile-for-css3-basic-ui>CSS1 profile
- for CSS3 Basic UI</h3>
-
- <table border=1 class=tprofile width="75%">
- <tbody>
- <tr>
- <th class=title colspan=2><span class=modulename>CSS Basic User
- Interface Module Level 3</span> profile
-
- <tr>
- <th>Specification
-
- <td>CSS level 1
-
- <tr>
- <th>Accepts
-
- <td> :active pseudo-class on hyperlinks
-
- <tr>
- <th>Excludes
-
- <td> :hover, :active on non-hyperlinks, :focus, :enabled, :disabled,
- :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required,
- :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index
- pseudo-elements<br>
- ‘<a href="#icon"><code class=property>icon</code></a>’
- keyword value for ‘<a href="#content"><code
- class=property>content</code></a>’ property<br>
- ‘<a href="#box-sizing0"><code
- class=property>box-sizing</code></a>’ property<br>
- ‘<a href="#outline0"><code
- class=property>outline</code></a>’, ‘<a
- href="#outline-width0"><code
- class=property>outline-width</code></a>’, ‘<a
- href="#outline-style0"><code
- class=property>outline-style</code></a>’, ‘<a
- href="#outline-color0"><code
- class=property>outline-color</code></a>’, ‘<a
- href="#outline-offset0"><code
- class=property>outline-offset</code></a>’ properties<br>
- ‘<a href="#resize0"><code class=property>resize</code></a>’
- property<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property<br>
- ‘<a href="#nav-index0"><code
- class=property>nav-index</code></a>’, ‘<a
- href="#nav-up"><code class=property>nav-up</code></a>’, ‘<a
- href="#nav-right"><code class=property>nav-right</code></a>’,
- ‘<a href="#nav-down"><code
- class=property>nav-down</code></a>’, ‘<a
- href="#nav-left"><code class=property>nav-left</code></a>’
- properties
-
- <tr>
- <th>Extra constraints
-
- <td>none.
- </table>
-
- <h3 class="no-num no-toc" id=css2.1-profile-for-css3-basic-ui>CSS2.1
- profile for CSS3 Basic UI</h3>
-
- <table border=1 class=tprofile width="75%">
- <tbody>
- <tr>
- <th class=title colspan=2><span class=modulename>CSS Basic User
- Interface Module Level 3</span> profile
-
- <tr>
- <th>Specification
-
- <td>CSS level 2 revision 1
-
- <tr>
- <th>Accepts
-
- <td> :hover, :active, :focus pseudo-classes<br>
- ‘<code class=property>font</code>’ property keyword values:
- ‘<code class=property>caption</code>’, ‘<a
- href="#icon"><code class=property>icon</code></a>’, ‘<code
- class=property>menu</code>’, ‘<code
- class=property>message-box</code>’, ‘<code
- class=property>small-caption</code>’, ‘<code
- class=property>status-bar</code>’.<br>
- ‘<a href="#outline0"><code
- class=property>outline</code></a>’, ‘<a
- href="#outline-width0"><code
- class=property>outline-width</code></a>’, ‘<a
- href="#outline-style0"><code
- class=property>outline-style</code></a>’, ‘<a
- href="#outline-color0"><code
- class=property>outline-color</code></a>’ properties.<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property<br>
-
- <tr>
- <th>Excludes
-
- <td> :enabled, :disabled, :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required,
- :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index
- pseudo-elements<br>
- ‘<a href="#icon"><code class=property>icon</code></a>’
- keyword value for ‘<a href="#content"><code
- class=property>content</code></a>’ property<br>
- ‘<a href="#box-sizing0"><code
- class=property>box-sizing</code></a>’ property<br>
- ‘<a href="#outline-offset0"><code
- class=property>outline-offset</code></a>’ property<br>
- ‘<a href="#resize0"><code class=property>resize</code></a>’
- property<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property additions<br>
- ‘<a href="#nav-index0"><code
- class=property>nav-index</code></a>’, ‘<a
- href="#nav-up"><code class=property>nav-up</code></a>’, ‘<a
- href="#nav-right"><code class=property>nav-right</code></a>’,
- ‘<a href="#nav-down"><code
- class=property>nav-down</code></a>’, ‘<a
- href="#nav-left"><code class=property>nav-left</code></a>’
- properties
-
- <tr>
- <th>Extra constraints
-
- <td>‘<a href="#cursor0"><code
- class=property>cursor</code></a>’ property support omits hotspot
- for downloaded cursors, and new cursor keyword values. ‘<a
- href="#outline-style0"><code
- class=property>outline-style</code></a>’ property does not
- support ‘<code class=property>auto</code>’ value.
- </table>
-
- <h3 class="no-num no-toc" id=xforms-profile-for-css3-basic-ui>XForms
- profile for CSS3 Basic UI</h3>
-
- <table border=1 class=tprofile width="75%">
- <tbody>
- <tr>
- <th class=title colspan=2><span class=modulename>CSS Basic User
- Interface Module Level 3</span> profile
-
- <tr>
- <th>Specification
-
- <td>XForms 1.0
-
- <tr>
- <th>Accepts
-
- <td> :hover, :active, :focus, :enabled, :disabled, :checked,
- :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required,
- :optional, :read-only, :read-write pseudo-classes<br>
- ::value, ::choices, ::repeat-item, ::repeat-index pseudo-elements
-
- <tr>
- <th>Excludes
-
- <td> ::selection pseudo-element<br>
- ‘<a href="#outline0"><code
- class=property>outline</code></a>’, ‘<a
- href="#outline-width0"><code
- class=property>outline-width</code></a>’, ‘<a
- href="#outline-style0"><code
- class=property>outline-style</code></a>’, ‘<a
- href="#outline-color0"><code
- class=property>outline-color</code></a>’ properties.<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property<br>
- ‘<a href="#icon"><code class=property>icon</code></a>’
- keyword value for ‘<a href="#content"><code
- class=property>content</code></a>’ property<br>
- ‘<a href="#box-sizing0"><code
- class=property>box-sizing</code></a>’ property<br>
- ‘<a href="#outline-offset0"><code
- class=property>outline-offset</code></a>’ property<br>
- ‘<a href="#resize0"><code class=property>resize</code></a>’
- property<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property additions<br>
- ‘<a href="#nav-index0"><code
- class=property>nav-index</code></a>’, ‘<a
- href="#nav-up"><code class=property>nav-up</code></a>’, ‘<a
- href="#nav-right"><code class=property>nav-right</code></a>’,
- ‘<a href="#nav-down"><code
- class=property>nav-down</code></a>’, ‘<a
- href="#nav-left"><code class=property>nav-left</code></a>’
- properties
-
- <tr>
- <th>Extra constraints
-
- <td>none.
- </table>
-
- <h3 class="no-num no-toc" id=full-profile-for-css3-basic-ui>Full profile
- for CSS3 Basic UI</h3>
-
- <table border=1 class=tprofile width="75%">
- <tbody>
- <tr>
- <th class=title colspan=2><span class=modulename>CSS Basic User
- Interface Module Level 3</span> profile
-
- <tr>
- <th>Specification
-
- <td>CSS3
-
- <tr>
- <th>Accepts
-
- <td> :hover, :active, :focus, :enabled, :disabled, :checked,
- :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required,
- :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index
- pseudo-elements<br>
- ‘<a href="#outline0"><code
- class=property>outline</code></a>’, ‘<a
- href="#outline-width0"><code
- class=property>outline-width</code></a>’, ‘<a
- href="#outline-style0"><code
- class=property>outline-style</code></a>’, ‘<a
- href="#outline-color0"><code
- class=property>outline-color</code></a>’ properties.<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property<br>
- ‘<a href="#icon"><code class=property>icon</code></a>’
- keyword value for ‘<a href="#content"><code
- class=property>content</code></a>’ property<br>
- ‘<a href="#box-sizing0"><code
- class=property>box-sizing</code></a>’ property<br>
- ‘<a href="#outline-offset0"><code
- class=property>outline-offset</code></a>’ property<br>
- ‘<a href="#resize0"><code class=property>resize</code></a>’
- property<br>
- ‘<a href="#cursor0"><code class=property>cursor</code></a>’
- property additions<br>
- ‘<a href="#nav-index0"><code
- class=property>nav-index</code></a>’, ‘<a
- href="#nav-up"><code class=property>nav-up</code></a>’, ‘<a
- href="#nav-right"><code class=property>nav-right</code></a>’,
- ‘<a href="#nav-down"><code
- class=property>nav-down</code></a>’, ‘<a
- href="#nav-left"><code class=property>nav-left</code></a>’
- properties
-
- <tr>
- <th>Excludes
-
- <td> none.
-
- <tr>
- <th>Extra constraints
-
- <td>none.
- </table>
-
- <h2 class=no-num id=appendix-f-test-suite>Appendix F: Test Suite</h2>
+ <h2 class=no-num id=appendix-e-test-suite>Appendix E: Test Suite</h2>
<p>This appendix is <em>informative</em>.
@@ -3832,7 +3377,7 @@
the <a href="http://www.w3.org/Style/CSS/Test/">CSS Test Suites</a> home
page.
- <p>Related open issue: <a
+ <p>Related issue: <a
href="http://wiki.csswg.org/spec/css3-ui#issue-1">1</a>.
<h2 class=no-num id=index>Index</h2>
@@ -3893,9 +3438,6 @@
<li>outline-width, <a href="#outline-width0"
title=outline-width><strong>7.2.</strong></a>
- <li>pointer-events, <a href="#pointer-events0"
- title=pointer-events><strong>9.1.2.</strong></a>
-
<li>RECOMMENDED, <a href="#recommended"
title=RECOMMENDED><strong>2.1.</strong></a>
@@ -4144,22 +3686,6 @@
<td>visual
<tr>
- <th><a class=property href="#pointer-events0">pointer-events</a>
-
- <td>auto | none | all | visible | visiblePainted | visibleFill |
- visibleStroke | painted | fill | stroke | inherit
-
- <td>auto
-
- <td>all elements
-
- <td>yes
-
- <td>N/A
-
- <td>visual, interactive
-
- <tr>
<th><a class=property href="#resize0">resize</a>
<td>none | both | horizontal | vertical | inherit
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.src.html,v
retrieving revision 1.35
retrieving revision 1.36
diff -u -d -r1.35 -r1.36
--- Overview.src.html 13 Dec 2011 11:55:13 -0000 1.35
+++ Overview.src.html 14 Dec 2011 17:16:18 -0000 1.36
@@ -221,9 +221,6 @@
<li>'cursor' property values: ew-resize | ns-resize | nesw-resize | nwse-resize
implemented by Firefox and Safari
</li>
- <li>pointer-events property:
- implemented by Firefox 3.6 and later, Safari 4 and later, Opera v?
- </li>
<li>'resize' property
implemented by Firefox 4 and Safari
</li>
@@ -350,7 +347,7 @@
<ul>
<li>Web browsers</li>
-<li>User agents that implement one or more of the following types of content: HTML (e.g. [[HTML401]]), XHTML (e.g. [[XHTML10]], [[XHTML11]]), XForms (e.g. [[XFORMS10]]), SVG (e.g. [[SVG10]], [[SVG11]]) or other content languages that contain forms controls or are intended for user interaction</li>
+<li>User agents that implement one or more of the following types of content: HTML ([[HTML401]], [[HTML5]]), XHTML ([[XHTML10]], [[XHTML11]]), XForms (e.g. [[XFORMS10]]), SVG (e.g. [[SVG10]], [[SVG11]]) or other content languages that contain forms controls or are intended for user interaction</li>
<li>User agents that implement one or more levels, modules and or profiles of CSS (e.g. [[CSS1]], [[!CSS21]])</li>
</ul>
@@ -389,6 +386,7 @@
<ul>
<li>[[HTML401]]</li>
+<li>[[HTML5]]</li>
<li>[[UAAG10]]</li>
<li>[[XML10]]</li>
<li>[[XHTML10]]</li>
@@ -1312,7 +1310,8 @@
</p>
<p>
-When an element is scrolled (e.g. by the user or DOM manipulation),
+When an element is scrolled (e.g. by the user, DOM manipulation,
+or <a href="http://www.w3.org/TR/2008/CR-css3-marquee-20081205/#overflow-style">'overflow-style'</a> [[CSS3MARQUEE]]),
more of the element's content is shown.
The value of text-overflow should not affect whether more of
the element's content is shown or not. If a non-clip text-overflow
@@ -1543,102 +1542,6 @@
</div>
-<h4 id="pointer-events"><span class="property">'pointer-events'</span> property</h4>
-<table class="propdef" id="propdef-pointer-events"><tbody>
-<tr><th>Name:</th><td><dfn>pointer-events</dfn></td></tr>
-<tr><th>Value:</th><td>
-auto | none | all | visible | visiblePainted | visibleFill | visibleStroke | painted | fill | stroke | inherit </td></tr>
-<tr><th>Initial:</th><td>auto</td></tr>
-<tr><th>Applies to:</th><td>all elements</td></tr>
-<tr><th>Inherited:</th><td>yes</td></tr>
-<tr><th>Percentages:</th><td>N/A</td></tr>
-<tr><th>Media:</th><td>visual, interactive</td></tr>
-<tr><th>Computed value:</th><td>the specified value</td></tr>
-</tbody></table>
-
-<p>The pointer-events property allows authors to control whether or when an element may be the target of user pointing device (pointer, e.g. mouse) events. This property is used to specify under which circumstance (if any) a pointer event should go "through" an element and target whatever is "underneath" that element instead. This also applies to other "hit testing" behaviors such as dynamic pseudo-classes (:hover, :active, :focus), hyperlinks, and Document.elementFromPoint().</p>
-
-<p>Related open issues:
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-6">6</a>,
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-7">7</a>,
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-8">8</a>,
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-9">9</a>,
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-10">10</a>,
- <a href="http://wiki.csswg.org/spec/css3-ui#issue-11">11</a>.
-</p>
-
-<p>Values have the following meanings (values defined as "SVG only" behave as '<span class="value">auto</span>' in other XHTML and HTML content).</p>
-
-<dl>
-<dt>auto</dt>
- <dd>
- In SVG content, behave as <span class="value">visiblePainted</span>. Otherwise, behave as <span class="value">all</span>.
- </dd>
-
-
-<dt>none</dt>
- <dd>
- The element is never the target of pointer events, although pointer events may target its descendant elements if those descendants have '<span class="property">pointer-events</span>' set to some other value, in which case pointer events will trigger event listeners on this element as appropriate on their way to/from the descendant during the event capture/bubble phases.
-
- <div class="note"><p>
- <em><strong>Note.</strong>
- When specifying 'none' for the 'pointer-events' property on an element, authors should also consider making element not focusable, e.g. in SVG, setting 'focusable' to 'false'. See related <a href="http://wiki.csswg.org/spec/css3-ui#issue-13">issue 13</a>.
- </em></p>
- </div>
-
- </dd>
-
-
-<dt>all</dt>
- <dd>
- The element may be the target element for pointer events whenever the pointer is inside the CSS border edge of the element (or in SVG, over either the interior (i.e., fill) or the perimeter (i.e., stroke) of the element). The value of the '<span class="property">visibility</span>' property does not effect event processing.
- </dd>
-
-
-<dt>visible</dt>
- <dd>
- The element may be the target of pointer events when the '<span class="property">visibility</span>' property is set to <span class="value">visible</span>, and the pointer is over the contents, background, or border of the element (or in SVG, over either the interior (i.e., fill) or the perimeter (i.e., stroke) of the element). In SVG, the values of the '<span class="property">fill</span>' and '<span class="property">stroke</span>' do not effect event processing.
- </dd>
-
-
-<dt>visiblePainted</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the '<span class="property">visibility</span>' property is set to <span class="value">visible</span> and when the pointer is over the interior (i.e., 'fill') of the element and the '<span class="property">fill</span>' property is set to a value other than <span class="value">none</span>, or when the pointer is over the perimeter (i.e., 'stroke') of the element and the '<span class="property">stroke</span>' property is set to a value other than <span class="value">none</span>.
- </dd>
-
-
-<dt>visibleFill</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the '<span class="property">visibility</span>' property is set to <span class="value">visible</span> and when the pointer is over the interior (i.e., fill) of the element. The value of the '<span class="property">fill</span>' property does not effect event processing.
- </dd>
-
-
-<dt>visibleStroke</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the '<span class="property">visibility</span>' property is set to <span class="value">visible</span> and when the pointer is over the perimeter (i.e., stroke) of the element. The value of the '<span class="property">stroke</span>' property does not effect event processing.
- </dd>
-
-
-<dt>painted</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the pointer is over the interior (i.e., 'fill') of the element and the '<span class="property">fill</span>' property is set to a value other than none, or when the mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value other than <span class="value">none</span>. The value of the '<span class="property">visibility</span>' property does not effect event processing.
- </dd>
-
-
-<dt>fill</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the pointer is over the interior (i.e., fill) of the element. The values of the '<span class="property">fill</span>' and '<span class="property">visibility</span>' properties do not effect event processing.
- </dd>
-
-
-<dt>stroke</dt>
- <dd>
- SVG only. The element can only be the target of a pointer event when the pointer is over the perimeter (i.e., stroke) of the element. The values of the '<span class="property">stroke</span>' and '<span class="property">visibility</span>' properties do not effect event processing.
- </dd>
-
-
-</dl>
-
<h3 id="keyboard">Keyboard control</h3>
@@ -1868,7 +1771,7 @@
<p>This appendix is <em>informative</em>.</p>
<p>In general this draft contains numerous editorial/grammatical/spelling corrections, and several new informative examples. This appendix describes minor functional changes from the <a href="http://www.w3.org/TR/2004/CR-css3-ui-20040511/">Candidate Recommendation (CR)
-of 11 May 2004</a> that were made to reflect implementer adoption (or lack thereof) in the six years since. In particular, changes since the CR fall into one of three categories:
+of 11 May 2004</a> that were made to reflect implementer adoption (or lack thereof) in the seven years since. In particular, changes since the CR fall into one of three categories:
</p>
<ul>
@@ -1876,34 +1779,37 @@
<!-- e.g. cursor applying to border, padding, content areas -->
</li>
<li>Dropping features that were not implemented, or were insufficiently implemented to exit CR.</li>
- <!-- examples? -->
+ <!-- e.g. System Appearance -->
<li>Adding a small number of new but already interoperably implemented features.
- <!-- e.g. pointer-events -->
+ <!-- e.g. text-overflow, ime-mode -->
</li>
</ul>
-<h3 class="no-num" id="changes-list">List of specific changes</h3>
+<h3 class="no-num" id="changes-list">List of substantial changes</h3>
<ul>
+<li>System Appearance has been dropped,
+including appearance values & property,
+and system fonts / extension of the 'font' property shorthand.
+</li>
+
<li>'<span class="property">box-sizing</span>' property. Added 'padding-box' value.</li>
<li>'<span class="property">cursor</span>' property. Added detail about applying to the border, padding, and content areas of the element.</li>
<li>'<span class="property">ime-mode</span>' property - new!</li>
-<li>'<span class="property">pointer-events</span>' property - new!</li>
-
<li>'<span class="property">text-overflow</span>' property - new!</li>
</ul>
-<h2 class="no-num">Appendix D. Default style sheet additions for HTML and SVG</h2>
+<h2 class="no-num">Appendix D. Default style sheet additions for HTML</h2>
<p>This appendix is <em>informative</em>.</p>
-<p>Potential additions to the base style sheet to express HTML form controls, a few dynamic presentation attributes, and some default SVG behaviors:</p>
+<p>Potential additions to the base style sheet to express HTML form controls, and a few dynamic presentation attributes:</p>
<pre class="html4ss">
@@ -2024,169 +1930,10 @@
*/
-/* SVG initial values */
-@namespace svg "http://www.w3.org/2000/svg";
-svg|svg { pointer-events: none }
-svg|svg>* { pointer-events: visiblePainted }
-/* setting the SVG specific initial value on the children of
- the svg root element should be sufficient to mimic
- the SVG specified behavior of initial: visiblePainted,
- descendant elements will inherit it accordingly */
-
</pre>
-<h2 class="no-num">Appendix E. Example profiles</h2>
-
-<p>This appendix is <em>informative</em>.</p>
-
-<p>These example profiles are written to roughly reflect the set of functionality that other specifications use/define which has been explicitly defined and/or updated in this specification. These profiles are independent of any other dimensions of variability, e.g. properties that may allow some values to be treated as other values.</p>
-
-<p>
-This specification recommends that implementations base their support on at least one of the profiles defined below. Thus a CSS2.1 user agent for example, should consider supporting the CSS2.1 profile for CSS3 Basic UI.
-</p>
-
-<h3 class="no-num no-toc">CSS1 profile for CSS3 Basic UI</h3>
-<table class="tprofile" width="75%" border=1>
- <tbody>
- <tr>
- <th class="title" colspan=2><span class="modulename">CSS Basic User Interface Module Level 3</span> profile</th></tr>
- <tr>
- <th>Specification</th>
- <td>CSS level 1</td></tr>
- <tr>
- <th>Accepts</th>
- <td>
- :active pseudo-class on hyperlinks
- </td></tr>
- <tr>
- <th>Excludes</th>
- <td>
- :hover, :active on non-hyperlinks, :focus, :enabled, :disabled, :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index pseudo-elements<br>
- 'icon' keyword value for 'content' property<br>
- 'box-sizing' property<br>
- 'outline', 'outline-width', 'outline-style', 'outline-color', 'outline-offset' properties<br>
- 'resize' property<br>
- 'cursor' property<br>
- 'nav-index', 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties
-
- </td></tr>
- <tr>
- <th>Extra constraints</th>
- <td>none.</td></tr></tbody>
-</table>
-
-
-<h3 class="no-num no-toc">CSS2.1 profile for CSS3 Basic UI</h3>
-
-<table class="tprofile" width="75%" border=1>
- <tbody>
- <tr>
- <th class="title" colspan=2><span class="modulename">CSS Basic User Interface Module Level 3</span> profile</th></tr>
- <tr>
- <th>Specification</th>
- <td>CSS level 2 revision 1</td></tr>
- <tr>
- <th>Accepts</th>
- <td>
- :hover, :active, :focus pseudo-classes<br>
- 'font' property keyword values: 'caption', 'icon', 'menu', 'message-box', 'small-caption', 'status-bar'.<br>
- 'outline', 'outline-width', 'outline-style', 'outline-color' properties.<br>
- 'cursor' property<br>
- </td></tr>
- <tr>
- <th>Excludes</th>
- <td>
- :enabled, :disabled, :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index pseudo-elements<br>
- 'icon' keyword value for 'content' property<br>
- 'box-sizing' property<br>
- 'outline-offset' property<br>
- 'resize' property<br>
- 'cursor' property additions<br>
- 'nav-index', 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties
- </td></tr>
- <tr>
- <th>Extra constraints</th>
- <td>'cursor' property support omits hotspot for downloaded cursors, and new cursor keyword values. 'outline-style' property does not support 'auto' value.</td></tr></tbody>
-</table>
-
-
-<h3 class="no-num no-toc">XForms profile for CSS3 Basic UI</h3>
-
-<table class="tprofile" width="75%" border=1>
- <tbody>
- <tr>
- <th class="title" colspan=2><span class="modulename">CSS Basic User Interface Module Level 3</span> profile</th></tr>
- <tr>
- <th>Specification</th>
- <td>XForms 1.0</td></tr>
- <tr>
- <th>Accepts</th>
- <td>
- :hover, :active, :focus, :enabled, :disabled, :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write pseudo-classes<br>
- ::value, ::choices, ::repeat-item, ::repeat-index pseudo-elements
- </td></tr>
- <tr>
- <th>Excludes</th>
- <td>
- ::selection pseudo-element<br>
- 'outline', 'outline-width', 'outline-style', 'outline-color' properties.<br>
- 'cursor' property<br>
- 'icon' keyword value for 'content' property<br>
- 'box-sizing' property<br>
- 'outline-offset' property<br>
- 'resize' property<br>
- 'cursor' property additions<br>
- 'nav-index', 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties
- </td></tr>
- <tr>
- <th>Extra constraints</th>
- <td>none.</td></tr></tbody>
-</table>
-
-
-<h3 class="no-num no-toc">Full profile for CSS3 Basic UI</h3>
-
-<table class="tprofile" width="75%" border=1>
- <tbody>
- <tr>
- <th class="title" colspan=2><span class="modulename">CSS Basic User Interface Module Level 3</span> profile</th></tr>
- <tr>
- <th>Specification</th>
- <td>CSS3</td></tr>
- <tr>
- <th>Accepts</th>
- <td>
- :hover, :active, :focus, :enabled, :disabled, :checked, :indeterminate pseudo-classes<br>
- :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write pseudo-classes<br>
- ::selection, ::value, ::choices, ::repeat-item, ::repeat-index pseudo-elements<br>
- 'outline', 'outline-width', 'outline-style', 'outline-color' properties.<br>
- 'cursor' property<br>
- 'icon' keyword value for 'content' property<br>
- 'box-sizing' property<br>
- 'outline-offset' property<br>
- 'resize' property<br>
- 'cursor' property additions<br>
- 'nav-index', 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties
- </td></tr>
- <tr>
- <th>Excludes</th>
- <td>
- none.
- </td></tr>
- <tr>
- <th>Extra constraints</th>
- <td>none.</td></tr></tbody>
-</table>
-
-
-
-<h2 class="no-num">Appendix F: Test Suite</h2>
+<h2 class="no-num">Appendix E: Test Suite</h2>
<p>This appendix is <em>informative</em>.</p>
@@ -2194,7 +1941,7 @@
This specification shall refer to a test suite written according to the <a href="http://www.w3.org/Style/CSS/Test/testsuitedocumentation">CSS Test Suite Documentation</a> and following the <a href="http://www.w3.org/Style/CSS/Test/guidelines.html">CSS2.1 Test Case Authoring Guidelines</a>. The test suite shall allow user agents to verify their basic conformance to the specification. This test suite does not pretend to be exhaustive and does not cover all possible combinations of user interface related features. These tests will be made available from the <a href="http://www.w3.org/Style/CSS/Test/">CSS Test Suites</a> home page.
</p>
-<p>Related open issue:
+<p>Related issue:
<a href="http://wiki.csswg.org/spec/css3-ui#issue-1">1</a>.
</p>
Received on Wednesday, 14 December 2011 17:16:25 UTC