[cssom-view] Associate MediaQueryList with a document so it stops working after navigation

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 20 November 2014</h2>
+ <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 28 November 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 20 November 2014 Editor's Draft of CSSOM View. Please send
+<p>This is the 28 November 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>)
@@ -529,7 +529,7 @@ <h2 id="extensions-to-the-window-interface"><span class="secno">5 </span>Extensi
 };
 
 partial interface <a class="external" data-anolis-spec="html" href="https://html.spec.whatwg.org/multipage/browsers.html#window">Window</a> {
-  <a href="#mediaquerylist">MediaQueryList</a> <a href="#dom-window-matchmedia" title="dom-Window-matchMedia">matchMedia</a>(DOMString query);
+  [NewObject] <a href="#mediaquerylist">MediaQueryList</a> <a href="#dom-window-matchmedia" title="dom-Window-matchMedia">matchMedia</a>(DOMString query);
   [SameObject] readonly attribute <a href="#screen">Screen</a> <a href="#dom-window-screen" title="dom-Window-screen">screen</a>;
 
   // browsing context
@@ -567,10 +567,11 @@ <h2 id="extensions-to-the-window-interface"><span class="secno">5 </span>Extensi
  <li><p>Let <var>parsed media query list</var> be the result of
  <a class="external" data-anolis-spec="cssom" href="http://dev.w3.org/csswg/cssom/#parse-a-media-query-list" title="parse a media query list">parsing</a>
  <var>query</var>.</li>
- <li><p>Return a <em>new</em> <code><a href="#mediaquerylist">MediaQueryList</a></code> object,
- associated with the <code class="external" data-anolis-spec="html"><a href="https://html.spec.whatwg.org/multipage/browsers.html#window">Window</a></code> object, with
- <var>parsed media query list</var> as its associated
- media query list.</li>
+ <li><p>Return a new <code><a href="#mediaquerylist">MediaQueryList</a></code> object,
+ with the <a class="external" data-anolis-spec="dom" href="https://dom.spec.whatwg.org/#context-object">context object</a>'s
+ <a class="external" data-anolis-spec="html" href="https://html.spec.whatwg.org/multipage/browsers.html#concept-document-window" title="concept-document-window">associated <code title="">Document</code></a>
+ as the <a href="#concept-mediaquerylist-document" title="concept-MediaQueryList-document">document</a>,
+ with <var>parsed media query list</var> as its associated <a href="#media-query-list">media query list</a>.</li>
 </ol>
 
 <p>The <dfn id="dom-window-screen" title="dom-Window-screen"><code>screen</code></dfn> attribute must return the <code><a href="#screen">Screen</a></code> object
@@ -851,15 +852,16 @@ <h4 id="the-features-argument-to-the-open()-method"><span class="secno">5.1 </sp
 
 <h3 id="the-mediaquerylist-interface"><span class="secno">5.2 </span>The <code title="">MediaQueryList</code> Interface</h3>
 
-<p>A <code><a href="#mediaquerylist">MediaQueryList</a></code> object has an associated media query list set on creation.</p>
+<p>A <code><a href="#mediaquerylist">MediaQueryList</a></code> object has an associated <dfn id="media-query-list">media query list</dfn>
+and an associated <dfn id="concept-mediaquerylist-document" title="concept-MediaQueryList-document">document</dfn> set on creation.</p>
 
 <p>A <code><a href="#mediaquerylist">MediaQueryList</a></code> object has an associated <dfn id="concept-mediaquerylist-media" title="concept-MediaQueryList-media">media</dfn> which is the
-<a class="external" data-anolis-spec="cssom" href="http://dev.w3.org/csswg/cssom/#serialize-a-media-query-list" title="serialize a media query list">serialized</a> form of the associated media query list.</p>
+<a class="external" data-anolis-spec="cssom" href="http://dev.w3.org/csswg/cssom/#serialize-a-media-query-list" title="serialize a media query list">serialized</a> form of the associated <a href="#media-query-list">media query list</a>.</p>
 
 <p>A <code><a href="#mediaquerylist">MediaQueryList</a></code> object has an associated <dfn id="concept-mediaquerylist-matches" title="concept-MediaQueryList-matches">matches state</dfn> which is
-true if the associated media query list matches the state of the rendered <code class="external" data-anolis-spec="dom"><a href="https://dom.spec.whatwg.org/#document">Document</a></code>, and false otherwise.</p>
+true if the associated <a href="#media-query-list">media query list</a> matches the state of the <a href="#concept-mediaquerylist-document" title="concept-MediaQueryList-document">document</a>, and false otherwise.</p>
 
-<p>If the associated media query list changes in evaluation, the user agent must <a class="external" data-anolis-spec="html" href="https://html.spec.whatwg.org/multipage/webappapis.html#queue-a-task">queue a task</a> to run these steps:</p>
+<p>If the associated <a href="#media-query-list">media query list</a> changes in evaluation, the user agent must <a class="external" data-anolis-spec="html" href="https://html.spec.whatwg.org/multipage/webappapis.html#queue-a-task">queue a task</a> to run these steps:</p>
 
 <ol>
 

cssom-view/Overview.src.html

@@ -485,7 +485,7 @@ <h2>Extensions to the <code title>Window</code> Interface</h2>
 };
 
 partial interface <span data-anolis-spec=html>Window</span> {
-  <span>MediaQueryList</span> <span title=dom-Window-matchMedia>matchMedia</span>(DOMString query);
+  [NewObject] <span>MediaQueryList</span> <span title=dom-Window-matchMedia>matchMedia</span>(DOMString query);
   [SameObject] readonly attribute <span>Screen</span> <span title=dom-Window-screen>screen</span>;
 
   // browsing context
@@ -523,10 +523,11 @@ <h2>Extensions to the <code title>Window</code> Interface</h2>
  <li><p>Let <var>parsed media query list</var> be the result of
  <span title='parse a media query list' data-anolis-spec=cssom>parsing</span>
  <var>query</var>.</p></li>
- <li><p>Return a <em>new</em> <code>MediaQueryList</code> object,
- associated with the <code data-anolis-spec=html>Window</code> object, with
- <var>parsed media query list</var> as its associated
- media query list.</p></li>
+ <li><p>Return a new <code>MediaQueryList</code> object,
+ with the <span data-anolis-spec=dom>context object</span>'s
+ <span data-anolis-spec=html title=concept-document-window>associated <code title>Document</code></span>
+ as the <span title=concept-MediaQueryList-document>document</span>,
+ with <var>parsed media query list</var> as its associated <span>media query list</span>.</p></li>
 </ol>
 
 <p>The <dfn title=dom-Window-screen><code>screen</code></dfn> attribute must return the <code>Screen</code> object
@@ -807,15 +808,16 @@ <h4>The <var>features</var> argument to the <code title>open()</code> method</h4
 
 <h3>The <code title>MediaQueryList</code> Interface</h3>
 
-<p>A <code>MediaQueryList</code> object has an associated media query list set on creation.</p>
+<p>A <code>MediaQueryList</code> object has an associated <dfn>media query list</dfn>
+and an associated <dfn title=concept-MediaQueryList-document>document</dfn> set on creation.</p>
 
 <p>A <code>MediaQueryList</code> object has an associated <dfn title=concept-MediaQueryList-media>media</dfn> which is the
-<span title='serialize a media query list' data-anolis-spec=cssom>serialized</span> form of the associated media query list.</p>
+<span title='serialize a media query list' data-anolis-spec=cssom>serialized</span> form of the associated <span>media query list</span>.</p>
 
 <p>A <code>MediaQueryList</code> object has an associated <dfn title=concept-MediaQueryList-matches>matches state</dfn> which is
-true if the associated media query list matches the state of the rendered <code data-anolis-spec=dom>Document</code>, and false otherwise.</p>
+true if the associated <span>media query list</span> matches the state of the <span title=concept-MediaQueryList-document>document</span>, and false otherwise.</p>
 
-<p>If the associated media query list changes in evaluation, the user agent must <span data-anolis-spec=html>queue a task</span> to run these steps:</p>
+<p>If the associated <span>media query list</span> changes in evaluation, the user agent must <span data-anolis-spec=html>queue a task</span> to run these steps:</p>
 
 <ol>