<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[38760] trunk/WebKitSite</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/38760">38760</a></dd>
<dt>Author</dt> <dd>dino@apple.com</dd>
<dt>Date</dt> <dd>2008-11-25 13:24:38 -0800 (Tue, 25 Nov 2008)</dd>
</dl>

<h3>Log Message</h3>
<pre>2008-11-25  Dean Jackson  &lt;dino@apple.com&gt;

        Add a new work-in-progress proposal for pointer-events in
        HTML content. Also note that the Media Queries extensions
        are not at all official.

        * specs/MediaQueriesExtensions.html:
        * specs/PointerEventsProperty.html: Added.
        * specs/index.html:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkWebKitSiteChangeLog">trunk/WebKitSite/ChangeLog</a></li>
<li><a href="#trunkWebKitSitespecsMediaQueriesExtensionshtml">trunk/WebKitSite/specs/MediaQueriesExtensions.html</a></li>
<li><a href="#trunkWebKitSitespecsindexhtml">trunk/WebKitSite/specs/index.html</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunkWebKitSitespecsPointerEventsPropertyhtml">trunk/WebKitSite/specs/PointerEventsProperty.html</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkWebKitSiteChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/WebKitSite/ChangeLog (38759 => 38760)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebKitSite/ChangeLog        2008-11-25 21:00:39 UTC (rev 38759)
+++ trunk/WebKitSite/ChangeLog        2008-11-25 21:24:38 UTC (rev 38760)
</span><span class="lines">@@ -1,3 +1,13 @@
</span><ins>+2008-11-25  Dean Jackson  &lt;dino@apple.com&gt;
+
+        Add a new work-in-progress proposal for pointer-events in
+        HTML content. Also note that the Media Queries extensions
+        are not at all official.
+
+        * specs/MediaQueriesExtensions.html:
+        * specs/PointerEventsProperty.html: Added.
+        * specs/index.html:
+
</ins><span class="cx"> 2008-11-25  Jack Wootten  &lt;jackwootton@gmail.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Bug 20125: http://webkit.org/ missing link to key documentation for new developers.
</span></span></pre></div>
<a id="trunkWebKitSitespecsMediaQueriesExtensionshtml"></a>
<div class="modfile"><h4>Modified: trunk/WebKitSite/specs/MediaQueriesExtensions.html (38759 => 38760)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebKitSite/specs/MediaQueriesExtensions.html        2008-11-25 21:00:39 UTC (rev 38759)
+++ trunk/WebKitSite/specs/MediaQueriesExtensions.html        2008-11-25 21:24:38 UTC (rev 38760)
</span><span class="lines">@@ -200,8 +200,12 @@
</span><span class="cx"> 
</span><span class="cx">     /* Class note is a non-normative note. May be inline or a P or DIV */
</span><span class="cx">     .note {
</span><del>-    /* font-weight: bold; */
-    color: green
</del><ins>+      /* font-weight: bold; */
+      background-color: #cfc;
+      margin-top: 2em;
+      padding: 1em;
+      border: 1px solid #6a6;
+      border-left: 8px solid #6a6;
</ins><span class="cx">     }
</span><span class="cx">     p.note, div.note {
</span><span class="cx">     /* margin: 1em 2em; */
</span><span class="lines">@@ -481,6 +485,12 @@
</span><span class="cx"> 
</span><span class="cx">     &lt;!-- ======================================================================================================= --&gt;
</span><span class="cx"> 
</span><ins>+    &lt;div class=&quot;note&quot;&gt;
+      NOTE: This document is a work-in-progress proposal. It should not be
+      considered complete, nor does it represent the position of Apple or
+      the WebKit project.
+    &lt;/div&gt;
+
</ins><span class="cx">     &lt;h2&gt;
</span><span class="cx">       1 Introduction
</span><span class="cx">     &lt;/h2&gt;
</span></span></pre></div>
<a id="trunkWebKitSitespecsPointerEventsPropertyhtmlfromrev38757trunkWebKitSitespecsMediaQueriesExtensionshtml"></a>
<div class="copfile"><h4>Copied: trunk/WebKitSite/specs/PointerEventsProperty.html (from rev 38757, trunk/WebKitSite/specs/MediaQueriesExtensions.html) (0 => 38760)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebKitSite/specs/PointerEventsProperty.html                                (rev 0)
+++ trunk/WebKitSite/specs/PointerEventsProperty.html        2008-11-25 21:24:38 UTC (rev 38760)
</span><span class="lines">@@ -0,0 +1,607 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;
+&quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
+&lt;html lang=&quot;en&quot;&gt;
+  &lt;head&gt;
+    &lt;meta http-equiv=&quot;Content-type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
+    &lt;title&gt;
+      The 'pointer-events' property
+    &lt;/title&gt;
+    &lt;link href=&quot;CSSVisualEffects/base.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
+    &lt;style type=&quot;text/css&quot;&gt;
+
+    @media print {
+
+    /* the following doesn't work for now,
+    instead we rely on a patched version of html2ps which has this built-in */
+    .dlink { display: none }
+
+    /* the following doesn't work for now,
+    instead we rely on a patched version of html2ps which has this built-in */
+    div.navbar {
+    display: none;
+    }
+
+    html { margin: 0 !important }
+    body { font-family: serif }
+    th, td { font-family: inherit }
+    a { color: inherit !important }
+    div.example:before { font-family: serif !important }
+    pre.example:before { font-family: serif !important }
+    a:link, a:visited { text-decoration: none !important }
+    a:link:after, a:visited:after { /* create a cross-ref &quot;see...&quot; */ }
+    }
+    @page {
+    margin: 1.5cm 1.1cm;
+    }
+
+    /* html body { margin-left: 8.5em } /* Overrides 70px in base.css */
+
+    body {counter-reset: exampleno figure}
+
+    h2, h3, h5, h6 { margin-top: 2em }
+    h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit }
+    div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra,
+    div.example { page-break-inside: avoid }
+    dt { page-break-after: avoid }
+
+    span.id {float: right; font-weight: bold}
+
+    /* p, p.note + p, p.testlink + p, p.note, p.issue { */
+    p, p.testlink + p, p.issue, p.mtb {
+    /* text-indent: 2em; */
+    margin-bottom: 0.6em;
+    margin-top: 0.6em
+    }
+    p + p, p + div.sidefigure + p {
+    /* text-indent: 2em; */
+    margin-top: 0
+    }
+    dd p {
+    margin-top: 0
+    }
+
+    h1 + h2 {
+    margin-top: 0;
+    }
+
+    pre {
+    text-align: left; /* fixes justification in Mac IE 5 */
+    text-indent: 0;   /* fixes indent in Mac Netscape 6 */
+    margin-top: 1em;
+    margin-bottom: 1em;
+    font-size: 90% /*smaller*/;
+    }
+    /*
+    var {
+    font-style: normal;
+    }
+    */
+    img {
+    border-style: none;
+    color: white;
+    }
+    .toc {
+    text-indent: 0;
+    }
+
+
+    @media all { /* NS &lt; 6 doesn't like borders around inline elements... */
+
+    body {
+    line-height: 1.3;
+    }
+
+    a:link, a:visited {
+    /*        color: inherit;*/
+    }
+    a.logo:link, a.logo:visited {
+    padding: 0;
+    border-style: none;
+    }
+
+    /* Hmm, this seems to confuse many browsers... */
+    dt { margin-left: 0; margin-top: 1em; color: #030; font-weight: bold;}
+    dd { margin-left: 2em }
+    dl, ul, ol { margin-left: 1em; padding-left: 0 }
+    li { margin-left: 2em; padding-left: 0 }
+
+    }
+    ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ }
+    ul.indexlist li { margin-left: 0; list-style: none }
+    ul.indexlist li li { margin-left: 1em }
+
+    div.example:before {
+    content: &quot;Example&quot;;
+    content: &quot;Example &quot; counter(exampleno, upper-roman);
+    font: bold small sans-serif;
+    /*float: left;*/
+    position: absolute;
+    top: -0.6em;
+    left: -2.5em;
+    width: 7.5em;
+    text-align: center;
+    line-height: 1em;
+    color: #FFF8DD;
+    background: #600;
+    padding: 0.1em;
+    border: thin solid #999;
+    /*margin: -1.3em 0 0.3em -2.5em;*/
+    }
+    div.example {
+    counter-increment: exampleno;
+    }
+    pre.example:before {
+    content: &quot;Example&quot;;
+    content: &quot;Example &quot; counter(exampleno, upper-roman);
+    font: bold small sans-serif;
+    /*float: left;*/
+    position: absolute;
+    top: -0.6em;
+    left: -2.5em;
+    width: 7.5em;
+    text-align: center;
+    line-height: 1em;
+    color: #FFF8DD;
+    background: #600;
+    padding: 0.1em;
+    border: thin solid #999;
+    /*margin: -1.3em 0 0.3em -2.5em;*/
+    }
+    pre.example {
+    counter-increment: exampleno;
+    }
+    div.example, div.illegal-example, div.html, div.illegal-html, div.xml,
+    div.illegal-xml, pre.example, pre.illegal-example, pre.html,
+    pre.illegal-html, pre.xml, pre.illegal-xml {
+    background: #FFF8DD;
+    padding: 0.5em;
+    margin: 1em 0;
+    border: thin solid #999;
+    position: relative;
+    }
+    pre.example, pre.illegal-example, pre.html,
+    pre.illegal-html, pre.xml, pre.illegal-xml {
+    padding-top: 1.5em;
+    }
+    div.example { color: #600 }
+    pre.example { color: #600 }
+    pre.illegal-example { color: red }
+    div.illegal-example { color: red }
+    div.illegal-example p { color: black }
+
+    div.html { color: #600 }
+    pre.html { color: #600 }
+    pre.illegal-html { color: red }
+    div.illegal-html { color: red }
+    div.illegal-html p { color: black }
+    pre.deprecated-html { color: red }
+    div.deprecated-html { color: red }
+    div.deprecated-html p { color: black }
+
+    div.xml { color: #600 }
+    pre.xml { color: #600 }
+    pre.illegal-xml { color: red }
+    div.illegal-xml { color: red }
+    div.illegal-xml p { color: black }
+
+    code { font-size: 90% }
+    .css { color: #800 }    /* inline CSS code (SPAN/CODE) */
+    code.css { font-family: inherit; font-size: 100% }
+    code.html { color: #600 } /* inline HTML */
+    code.xml { color: #600 }  /* inline XML */
+    .property { }     /* name of a CSS property (SPAN) */
+    .prop-name { color: #2A2AA5; font-weight: bold; font-size: 90%} /* name of a CSS property (SPAN) */
+    .prop-value { font-weight: bold; font-size: 90%} /* CSS property value (SPAN) */
+    .descriptor { }     /* name of a CSS descriptor (SPAN) */
+    .issue { color: #c00 }    /* editorial remark, open issue */
+    .type { font-style: italic }  /* A &lt;type&gt; value for a property */
+
+    dfn { font-weight: bolder; /*font-size: 1em*/ }
+
+    /* Class note is a non-normative note. May be inline or a P or DIV */
+    .note {
+      /* font-weight: bold; */
+      background-color: #cfc;
+      margin-top: 2em;
+      padding: 1em;
+      border: 1px solid #6a6;
+      border-left: 8px solid #6a6;
+    }
+    p.note, div.note {
+    /* margin: 1em 2em; */
+    }
+    p.note:before, span.note:before { content: &quot;\25B6&quot; &quot; &quot; }
+    div.note &gt; p:first-child:before { content: &quot;\25B6&quot; &quot; &quot; }
+
+    .normref { color: red } 
+    .informref { color: green } 
+
+
+    /* ToC not indented, but font style shows hierarchy */
+    ul.toc {margin: 1em 0; padding: 0; font-weight: bold}
+    ul.toc ul {margin: 0; padding: 0; font-weight: normal}
+    ul.toc ul ul {margin: 0 /*0 0 2em*/; font-style: italic}
+    ul.toc ul ul ul {margin: 0}
+    ul.toc li {margin: 0.6em 0; padding: 0}
+    ul.toc li li {margin: 0}
+    /*
+    ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline}
+    ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline}
+    */
+
+    @media all { /* NS4 doesn't align the floats properly :-( */
+
+    /* Section numbers in a column of their own */
+    ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */
+    ul.toc span.secno {float: left; width: 4em; margin-left: -5em}
+    /*ul.toc span.secno {text-align: right}*/
+    ul.toc li {clear: both}
+    ul.toc {margin-left: 5em}
+    /* If we had 'tab', floats would not be needed here:
+    ul.toc span.secno {tab: 5em right; margin-right: 1em}
+    ul.toc li {text-indent: 5em hanging}
+    The second line in case items wrap
+    */
+    }
+
+    ul.index {
+    list-style: disc;   /* Mac NS has problem with 'none' */
+    list-style: none;
+    }
+
+    s, del {text-decoration: line-through; color: red}
+    u, ins {text-decoration: underline; background: #bfa}
+
+    div.figure, div.sidefigure {
+    text-align: center;
+    margin: 2.5em 0;
+    }
+    div.sidefigure {
+    float: right;
+    width: 50%;
+    margin: 0 0 0.5em 0.5em
+    }
+    div.figure img, div.sidefigure img {
+    display: block;
+    margin: auto;
+    max-width: 100%
+    }
+    p.caption, caption {
+    text-align: center;
+    font-style: italic;
+    font-size: 90%;
+    margin: 1.5em 2em;
+    text-indent: 0;
+    }
+    p.caption:before {
+    content: &quot;Figure &quot; counter(figure) &quot;. &quot;;
+    font-weight: bold;
+    }
+    p.caption {
+    counter-increment: figure;
+    }
+
+    /* DL list is indented, but figure inside it is not */
+    dd { margin-left: 2em }
+    dd div.figure { margin-left: -2em }
+
+    sup {
+    vertical-align: super;
+    font-size: 80%
+    }
+
+    /* &quot;Equations&quot; (not real MathML, but simple HTML) are put in a
+    blockquote and may have an equation number. We make sure the
+    blockquote has enough margin on the right and then put the equation
+    number there. */
+
+    blockquote {
+    margin: 0.5em 4em 0.5em 2em;
+    text-indent: 0;
+    }
+    .eqno {
+    text-align: right;
+    float: right;
+    width: 3em;
+    margin: 0 -4em 0 0;
+    font-weight: bold;
+    /* background: silver; color: black; padding: 0.1em */
+    }
+
+    table.equiv-table { border-spacing: 0; margin: 0.5em 0 }
+    table.equiv-table th, table.equiv-table td { padding: 0.3em }
+    table.equiv-table th { text-align: left }
+    /* table.equiv-table th:first-child { text-align: right } */
+    table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 }
+    table.equiv-table { border-bottom: hidden }
+    table.equiv-table { empty-cells: show }
+    table.equiv-table caption { margin: 0.5em 0 0 0 }
+
+    /* Style for table of properties */
+    table.proptable {
+    font-size: small;
+    border-collapse: collapse;
+    border-spacing: 0;
+    text-align: left;
+    margin: 1em 0;
+    }
+
+    @media print {      /* Use the wide margin in print */
+    table.proptable {margin: 1em 0 1em -8.5em}
+    }
+
+    table.proptable td, table.proptable th {
+    padding: 0.4em;
+    border-style: solid none none dotted;
+    border-width: thin;
+    border-color: red;
+    }
+    table.proptable th:first-child, table.proptable td:first-child {
+    border-left-style: none;
+    }
+
+
+    /* Style for table that defines a property or a descriptor */
+    table.propdef, table.propdef-extra, table.descdef {
+    border-spacing: 0;
+    border-collapse: collapse;
+    width: 100%;
+    table-layout: fixed;
+    background: #DEF;
+    margin-top: 1.2em;
+    margin-bottom: 1.2em
+    }
+    table.propdef td, table.propdef-extra td, table.descdef td {
+    padding: 0 0.3em;
+    vertical-align: baseline;
+    }
+    /*
+    table.propdef dfn, table.propdef-extra dfn, table.descdef dfn {
+    font-weight: bold;
+    font-style: normal
+    }
+    */
+    table.propdef td:first-child,
+    table.propdef-extra td:first-child,
+    table.descdef td:first-child {
+    font-style: italic;
+    width: 8.1em
+    }
+    table.propdef td[colspan]:first-child,
+    table.propdef-extra td[colspan]:first-child,
+    table.descdef td[colspan]:first-child {
+    font-style: inherit
+    }
+    table.propdef tr:first-child,
+    table.propdef-extra tr:first-child,
+    table.descdef tr:first-child {
+    background: #005A9C;
+    color: white
+    }
+    /* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */
+
+    /* This would replace :first-child for Opera, but it confuses WinIE :-( */
+    /*
+    table.propdef td { width: 8em }
+    table.propdef td + td { width: auto }
+    table.propdef tr { background: #005A9C; color: white }
+    table.propdef tr + tr { background: transparent; color: black }
+    */
+
+    /* CSS modules typically don't use MUST, SHOULD etc. from RFC 2119,
+    or, if they do, they don't put them in uppercase. But the following
+    class is provided in case a spec wants to use RFC 2119 terms in
+    uppercase in the source. */
+
+    em.rfc2119 {
+    text-transform: lowercase;
+    font-variant: small-caps;
+    font-style: normal
+    }
+
+    /* In Profile specs, a table of required features: */
+
+    table.features th {
+    background: #00589f;
+    color: #fff;
+    text-align: left;
+    padding: 0.2em 0.2em 0.2em 0.5em;
+    }
+    table.features td {
+    vertical-align: top;
+    border-bottom: 1px solid #ccc;
+    padding: 0.3em 0.3em 0.3em 0.7em;
+    }
+
+    body { line-height: 1.4; }
+
+    .issue, .todo {
+    //display: none;
+    margin: 1em;
+    border: 2px solid;
+    padding: 1em;
+    }
+    span.issue, span.todo {
+    border-width: 1px;
+    margin: 0; padding: 0;
+    }
+    .issue { border-color: red; }
+    .todo  { border-color: yellow; }
+    .issue:before, .todo:before {
+    content: attr(class) &quot;: &quot;;
+    text-transform: uppercase;
+    font-weight: bold;
+    }
+    .issue { background: rgb(255,224,224); color: black; }
+    .todo { background: rgb(255,255,192); color: black; }
+
+    .syntax {
+    padding: 1em;
+    margin: 1em 0;
+    border: 1px black solid;
+    background: rgb(224,224,255);
+    color: black;
+    }
+    .idl-code { 
+    margin: 0;
+    font-family: monospace;
+    border: 1px solid black;
+    color: black; 
+    background-color: #dfdfdf;
+    }
+
+    table {
+      border-collapse: collapse;
+    }
+
+    th {
+      background-color: #dfdfdf;
+    }
+    
+    td, th {
+      text-align: left;
+      padding: 0.2em 1em;
+      border: 1px solid black;
+    }
+    
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;h1&gt;
+      The 'pointer-events' property
+    &lt;/h1&gt;
+    &lt;h2&gt;
+      25 November 2008
+    &lt;/h2&gt;
+    &lt;dl&gt;
+      &lt;dt&gt;
+        Authors:
+      &lt;/dt&gt;
+      &lt;dd&gt;
+        Dean Jackson (&lt;a href=&quot;mailto:dino@apple.com&quot;&gt;dino@apple.com&lt;/a&gt;), &lt;a href=&quot;http://www.apple.com/&quot;&gt;Apple&lt;/a&gt;
+      &lt;/dd&gt;
+    &lt;/dl&gt;
+    &lt;hr&gt;
+
+    &lt;!-- ======================================================================================================= --&gt;
+
+    &lt;div class=&quot;note&quot;&gt;
+      NOTE: This document is a work-in-progress proposal. It should not be
+      considered complete, nor does it represent the position of Apple or
+      the WebKit project.
+    &lt;/div&gt;
+
+    &lt;h2&gt;
+      1 Introduction
+    &lt;/h2&gt;
+
+    &lt;p&gt;
+      This document describes how the &lt;a
+      href=&quot;http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty&quot;&gt;SVG
+      pointer-events property&lt;/a&gt; is extended for use in (X)HTML content.
+    &lt;/p&gt;
+
+    &lt;!-- ======================================================================================================= --&gt;
+
+    &lt;h2&gt;
+      2 The &lt;span class=&quot;prop-name&quot;&gt;pointer-events&lt;/span&gt; property
+    &lt;/h2&gt;
+    
+    &lt;p&gt;
+      In different circumstances, authors may want to control under what
+      circumstances particular elements can become the target of pointer
+      events. For example, the author might want a given element to ignore
+      pointer events under all circumstances so that elements underneath the
+      given element will become the target of pointer events.
+    &lt;/p&gt;
+
+    &lt;p&gt;
+      The 'pointer-events' property specifies under what circumstances a given
+      element can be the target element for a pointer event. It
+      affects the circumstances under which the following are processed:
+    &lt;/p&gt;
+    
+    &lt;ul&gt;
+      &lt;li&gt;user interface events such as mouse clicks&lt;/li&gt;
+      &lt;li&gt;dynamic pseudo-classes (i.e., :hover, :active and :focus)&lt;/li&gt;
+      &lt;li&gt;hyperlinks&lt;/li&gt;
+    &lt;/ul&gt;
+    
+    &lt;p&gt;
+      The &lt;span class=&quot;prop-name&quot;&gt;pointer-events&lt;/span&gt; property was originally defined for &lt;a
+      href=&quot;http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty&quot;&gt;SVG content&lt;/a&gt;
+      and, as such, accepts property values specific to vector graphics (eg. relating to
+      graphical fill and stroke). The following definition only applies to the property
+      when used with HTML content. Note that the property has a new initial value, &quot;auto&quot;,
+      which behaves as &quot;visiblePainted&quot; in SVG content and &quot;visible&quot; in non-SVG content.
+    &lt;/p&gt;
+    
+    &lt;div class=&quot;propdef&quot;&gt;
+      &lt;dl&gt;
+        &lt;dt&gt;&lt;span class=&quot;prop-name&quot;&gt;'pointer-events'&lt;/span&gt;&lt;/dt&gt;
+        &lt;dd&gt;
+          &lt;table summary=&quot;pointer-events property&quot;&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Value:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;
+                auto | visible | none | visiblePainted | visibleFill | visibleStroke |
+                painted | fill | stroke | all
+              &lt;/td&gt;
+            &lt;/tr&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Initial:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;auto&lt;/td&gt;
+            &lt;/tr&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Applies to:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;all
+              elements&lt;/td&gt;
+            &lt;/tr&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Inherited:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;yes&lt;/td&gt;
+            &lt;/tr&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Percentages:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;N/A&lt;/td&gt;
+            &lt;/tr&gt;
+            &lt;tr&gt;
+              &lt;td&gt;&lt;em&gt;Media:&lt;/em&gt;&lt;/td&gt;
+              &lt;td&gt;visual&lt;/td&gt;
+            &lt;/tr&gt;
+          &lt;/table&gt;
+        &lt;/dd&gt;
+      &lt;/dl&gt;
+    &lt;/div&gt;
+    &lt;dl&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;auto&lt;/span&gt;&lt;/dt&gt;
+      &lt;dd&gt;
+        In SVG content, behave as &lt;span class=&quot;prop-value&quot;&gt;visiblePainted&lt;/span&gt;.
+        Otherwise, behave as &lt;span class=&quot;prop-value&quot;&gt;visible&lt;/span&gt;.
+      &lt;/dd&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;visible&lt;/span&gt;&lt;/dt&gt;
+      &lt;dd&gt;
+        The given element receives pointer events.
+      &lt;/dd&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;none&lt;/span&gt;&lt;/dt&gt;
+      &lt;dd&gt;
+        The given element does not receive pointer events.
+      &lt;/dd&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;visiblePainted&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;visibleFill&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;visibleStroke&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;painted&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;fill&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;stroke&lt;/span&gt;&lt;/dt&gt;
+      &lt;dt&gt;&lt;span class=&quot;prop-value&quot;&gt;all&lt;/span&gt;&lt;/dt&gt;
+      &lt;dd&gt;
+        In SVG content, behave as defined by the &lt;a
+        href=&quot;http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty&quot;&gt;SVG
+        specification&lt;/a&gt;. Otherwise, behave as &lt;span
+        class=&quot;prop-value&quot;&gt;visible&lt;/span&gt;.
+      &lt;/dd&gt;
+    &lt;/dl&gt;
+    
+    
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkWebKitSitespecsindexhtml"></a>
<div class="modfile"><h4>Modified: trunk/WebKitSite/specs/index.html (38759 => 38760)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebKitSite/specs/index.html        2008-11-25 21:00:39 UTC (rev 38759)
+++ trunk/WebKitSite/specs/index.html        2008-11-25 21:24:38 UTC (rev 38760)
</span><span class="lines">@@ -16,6 +16,7 @@
</span><span class="cx">       &lt;li&gt;&lt;a href=&quot;Timed_Media_CSS.html&quot;&gt;Timed Media Elements&lt;/a&gt;&lt;/li&gt;
</span><span class="cx">       &lt;li&gt;&lt;a href=&quot;CSSVisualEffects/&quot;&gt;CSS Effects&lt;/a&gt;&lt;/li&gt;
</span><span class="cx">       &lt;li&gt;&lt;a href=&quot;MediaQueriesExtensions.html&quot;&gt;Extensions to CSS 3 Media Queries&lt;/a&gt;&lt;/li&gt;
</span><ins>+      &lt;li&gt;&lt;a href=&quot;PointerEventsProperty.html&quot;&gt;The 'pointer-events' property&lt;/a&gt;&lt;/li&gt;
</ins><span class="cx">     &lt;/ul&gt;
</span><span class="cx">   &lt;/body&gt;
</span><span class="cx"> &lt;/html&gt;
</span></span></pre>
</div>
</div>

</body>
</html>