[cssom-view] Hide MediaQueryListEvent from workers. Avoid invoking DOM's methods directly. Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=25304

Author: Simon Pieters

cssom-view/Overview.html

@@ -16,7 +16,7 @@
 
  <h1>CSSOM View Module</h1>
 
- <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 7 June 2014</h2>
+ <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 9 June 2014</h2>
 
  <dl>
 
@@ -83,7 +83,7 @@ <h2 class="no-num no-toc" id="sotd">Status of This Document</h2>
 can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
 index at http://www.w3.org/TR/.</a></em>
 
-<p>This is the 7 June 2014 Editor's Draft of CSSOM View. Please send
+<p>This is the 9 June 2014 Editor's Draft of CSSOM View. Please send
 comments to
 <a href="mailto:www-style@w3.org?subject=%5Bcssom-view%5D%20">www-style@w3.org</a>
 (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
@@ -866,13 +866,28 @@ <h3 id="the-mediaquerylist-interface"><span class="secno">5.2 </span>The <code t
 <p>The <dfn id="dom-mediaquerylist-matches" title="dom-MediaQueryList-matches"><code>matches</code></dfn> attribute must return
 the associated <a href="#concept-mediaquerylist-matches" title="concept-MediaQueryList-matches">matches state</a>. <!--fingerprint--></p>
 
-<p>When the <dfn id="dom-mediaquerylist-addlistener" title="dom-MediaQueryList-addListener"><code>addListener(<var>listener</var>)</code></dfn> method is invoked
-the user agent must invoke the <code class="external" data-anolis-spec="dom" title="dom-EventTarget-addEventListener"><a href="http://dom.spec.whatwg.org/#dom-eventtarget-addeventlistener">addEventListener</a></code> method
-with <code title="">change</code> as the first argument and <var>listener</var> as the second argument.</p>
+<p>The <dfn id="dom-mediaquerylist-addlistener" title="dom-MediaQueryList-addListener"><code>addListener(<var>listener</var>)</code></dfn> method must run these steps:</p>
 
-<p>When the <dfn id="dom-mediaquerylist-removelistener" title="dom-MediaQueryList-removeListener"><code>removeListener(<var>listener</var>)</code></dfn> method is invoked
-the user agent must invoke the <code class="external" data-anolis-spec="dom" title="dom-EventTarget-removeEventListener"><a href="http://dom.spec.whatwg.org/#dom-eventtarget-removeeventlistener">removeEventListener</a></code> method
-with <code title="">change</code> as the first argument and <var>listener</var> as the second argument.</p>
+<ol>
+ <li><p>If <var title="">listener</var> is null, terminate these steps.
+ <li><p>Append an <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-listener" title="concept-event-listener">event listener</a>
+ to the associated list of
+ <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-listener" title="concept-event-listener">event listeners</a> with <b>type</b>
+ set to <code title="">change</code>, <b>callback</b> set to <var title="">listener</var>, and
+ <b>capture</b> set to false, unless there
+ already is an <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-listener" title="concept-event-listener">event listener</a> in
+ that list with the same <b>type</b>, <b>callback</b>, and <b>capture</b>.
+</ol>
+
+<p>The <dfn id="dom-mediaquerylist-removelistener" title="dom-MediaQueryList-removeListener"><code>removeListener(<var>listener</var>)</code></dfn> method must run these steps:</p>
+
+<ol>
+ <li><p>Remove an <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-listener" title="concept-event-listener">event listener</a>
+ from the associated list of
+ <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-listener" title="concept-event-listener">event listeners</a>, whose
+ <b>type</b> is <code title="">change</code>, <b>callback</b> is <var title="">listener</var>, and
+ <b>capture</b> is false.</p>
+</ol>
 
 <p class="note">This specification initially had a custom callback mechanism with <code title="dom-MediaQueryList-addListener"><a href="#dom-mediaquerylist-addlistener">addListener</a></code> and
 <code title="dom-MediaQueryList-removeListener"><a href="#dom-mediaquerylist-removelistener">removeListener</a></code>, and the callback was invoked with the associated media query list as argument.
@@ -900,8 +915,7 @@ <h3 id="the-mediaquerylist-interface"><span class="secno">5.2 </span>The <code t
  </tbody>
 </table>
 
-<pre class="idl">[<a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-constructor" title="concept-event-constructor">Constructor</a>(DOMString type, optional <a href="#mediaquerylisteventinit">MediaQueryListEventInit</a> eventInitDict),
- Exposed=Window,Worker]
+<pre class="idl">[<a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-event-constructor" title="concept-event-constructor">Constructor</a>(DOMString type, optional <a href="#mediaquerylisteventinit">MediaQueryListEventInit</a> eventInitDict)]
 interface <dfn id="mediaquerylistevent">MediaQueryListEvent</dfn> : <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#event">Event</a> {
   readonly attribute DOMString <a href="#dom-mediaquerylistevent-media" title="dom-MediaQueryListEvent-media">media</a>;
   readonly attribute boolean <a href="#dom-mediaquerylistevent-matches" title="dom-MediaQueryListEvent-matches">matches</a>;

cssom-view/Overview.src.html

@@ -823,13 +823,28 @@ <h3>The <code title>MediaQueryList</code> Interface</h3>
 <p>The <dfn title=dom-MediaQueryList-matches><code>matches</code></dfn> attribute must return
 the associated <span title=concept-MediaQueryList-matches>matches state</span>. <!--fingerprint--></p>
 
-<p>When the <dfn title=dom-MediaQueryList-addListener><code>addListener(<var>listener</var>)</code></dfn> method is invoked
-the user agent must invoke the <code data-anolis-spec=dom title=dom-EventTarget-addEventListener>addEventListener</code> method
-with <code title>change</code> as the first argument and <var>listener</var> as the second argument.</p>
+<p>The <dfn title=dom-MediaQueryList-addListener><code>addListener(<var>listener</var>)</code></dfn> method must run these steps:</p>
 
-<p>When the <dfn title=dom-MediaQueryList-removeListener><code>removeListener(<var>listener</var>)</code></dfn> method is invoked
-the user agent must invoke the <code data-anolis-spec=dom title=dom-EventTarget-removeEventListener>removeEventListener</code> method
-with <code title>change</code> as the first argument and <var>listener</var> as the second argument.</p>
+<ol>
+ <li><p>If <var title="">listener</var> is null, terminate these steps.
+ <li><p>Append an <span data-anolis-spec=dom title="concept-event-listener">event listener</span>
+ to the associated list of
+ <span data-anolis-spec=dom title="concept-event-listener">event listeners</span> with <b>type</b>
+ set to <code title>change</code>, <b>callback</b> set to <var title="">listener</var>, and
+ <b>capture</b> set to false, unless there
+ already is an <span data-anolis-spec=dom title="concept-event-listener">event listener</span> in
+ that list with the same <b>type</b>, <b>callback</b>, and <b>capture</b>.
+</ol>
+
+<p>The <dfn title=dom-MediaQueryList-removeListener><code>removeListener(<var>listener</var>)</code></dfn> method must run these steps:</p>
+
+<ol>
+ <li><p>Remove an <span data-anolis-spec=dom title="concept-event-listener">event listener</span>
+ from the associated list of
+ <span data-anolis-spec=dom title="concept-event-listener">event listeners</span>, whose
+ <b>type</b> is <code title>change</code>, <b>callback</b> is <var title="">listener</var>, and
+ <b>capture</b> is false.</p>
+</ol>
 
 <p class=note>This specification initially had a custom callback mechanism with <code title=dom-MediaQueryList-addListener>addListener</code> and
 <code title=dom-MediaQueryList-removeListener>removeListener</code>, and the callback was invoked with the associated media query list as argument.
@@ -857,8 +872,7 @@ <h3>The <code title>MediaQueryList</code> Interface</h3>
  </tbody>
 </table>
 
-<pre class=idl>[<span data-anolis-spec=dom title=concept-event-constructor>Constructor</span>(DOMString type, optional <span>MediaQueryListEventInit</span> eventInitDict),
- Exposed=Window,Worker]
+<pre class=idl>[<span data-anolis-spec=dom title=concept-event-constructor>Constructor</span>(DOMString type, optional <span>MediaQueryListEventInit</span> eventInitDict)]
 interface <dfn>MediaQueryListEvent</dfn> : <span data-anolis-spec=dom>Event</span> {
   readonly attribute DOMString <span title=dom-MediaQueryListEvent-media>media</span>;
   readonly attribute boolean <span title=dom-MediaQueryListEvent-matches>matches</span>;