Add HTMLOrSVGElement interface mixin

This exposes dataset, tabIndex, focus(), and blur() on SVG elements.

It also does away with NoncedElement.

Tests: web-platform-tests/wpt#10110 and web-platform-tests/wpt#10149 (dataset tests for SVG already exist).

Fixes #3471 and fixes w3c/svgwg#60.

Author: annevk

source

@@ -4056,6 +4056,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
     <p>The following features are defined in the SVG specifications:</p>
 
     <ul class="brief">
+     <li><dfn data-x-href="https://www.w3.org/TR/SVG11/types.html#InterfaceSVGElement"><code>SVGElement</code></dfn> interface</li>
      <li><dfn data-x-href="https://www.w3.org/TR/SVG11/struct.html#InterfaceSVGImageElement"><code>SVGImageElement</code></dfn> interface</li>
      <li><dfn data-x-href="https://www.w3.org/TR/SVG11/script.html#InterfaceSVGScriptElement"><code>SVGScriptElement</code></dfn> interface</li>
      <li><dfn data-x-href="https://www.w3.org/TR/SVG11/struct.html#InterfaceSVGSVGElement"><code>SVGSVGElement</code></dfn> interface</li>
@@ -7065,18 +7066,11 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
   <p>Elements that have a <code data-x="attr-nonce">nonce</code> content attribute ensure that the
   crytographic nonce is only exposed to script (and not to side-channels like CSS attribute
   selectors) by extracting the value from the content attribute, moving it into an internal slot
-  named <dfn data-export="" data-dfn-for="NoncedElement"
+  named <dfn data-export="" data-dfn-for="HTMLOrSVGElement"
   data-dfn-type="attribute">[[CryptographicNonce]]</dfn>, and exposing it to script via the
-  <code>NoncedElement</code> interface defined below. Unless otherwise specified, the slot's value
+  <code>HTMLOrSVGElement</code> interface mixin. Unless otherwise specified, the slot's value
   is the empty string.</p>
 
-  <pre class="idl">interface mixin <dfn>NoncedElement</dfn> {
-  attribute DOMString nonce;
-};</pre>
-
-  <!-- The `NoncedElement` mixin exists separate from `HTMLElement` in order to easily share the
-       functionality described here between both `HTMLElement` and `SVGElement`. -->
-
   <dl class="domintro">
    <dt><var>element</var> . <code data-x="">nonce</code></dt>
    <dd>
@@ -7085,15 +7079,17 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
    </dd>
   </dl>
 
-  <p>The <dfn><code data-x="dom-NoncedElement-nonce">nonce</code></dfn> IDL attribute must, on
-  getting, return the value of this element's <span>[[CryptographicNonce]]</span>; and on setting,
-  set this element's <span>[[CryptographicNonce]]</span> to the given value.</p>
+  <p>The <dfn id="dom-noncedelement-nonce"><code
+  data-x="dom-HTMLOrSVGElement-nonce">nonce</code></dfn> IDL attribute must, on getting, return the
+  value of this element's <span>[[CryptographicNonce]]</span>; and on setting, set this element's
+  <span>[[CryptographicNonce]]</span> to the given value.</p>
 
-  <p>Whenever a <code>NoncedElement</code>'s <code data-x="attr-nonce">nonce</code> attribute is
-  set or changed, set this element's <span>[[CryptographicNonce]]</span> to the given value.</p>
+  <p>Whenever an element including <code>HTMLOrSVGElement</code> has its <code
+  data-x="attr-nonce">nonce</code> attribute is set or changed, set this element's
+  <span>[[CryptographicNonce]]</span> to the given value.</p>
 
-  <p>Whenever a <code>NoncedElement</code> <span>becomes browsing-context connected</span>, the
-  user agent must executing the following steps on the <var>element</var>:</p>
+  <p>Whenever an element including <code>HTMLOrSVGElement</code> <span>becomes browsing-context
+  connected</span>, the user agent must execute the following steps on the <var>element</var>:</p>
 
   <ol>
    <li><p>Let <var>CSP list</var> be <var>element</var>'s <span data-x="shadow-including
@@ -7119,8 +7115,8 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
   set during <span data-x="initialize the Document object"><code data-x="">Document</code>
   initialization</span>.</p>
 
-  <p>The <span data-x="concept-node-clone-ext">cloning steps</span> for elements that implement
-  <code>NoncedElement</code> must set the <span>[[CryptographicNonce]]</span> slot on the copy
+  <p>The <span data-x="concept-node-clone-ext">cloning steps</span> for elements that include
+  <code>HTMLOrSVGElement</code> must set the <span>[[CryptographicNonce]]</span> slot on the copy
   to the value of the slot on the element being cloned.</p>
 
 
@@ -10131,14 +10127,10 @@ interface <dfn>HTMLElement</dfn> : <span>Element</span> {
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-lang">lang</span>;
   [<span>CEReactions</span>] attribute boolean <span data-x="dom-translate">translate</span>;
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-dir">dir</span>;
-  [SameObject] readonly attribute <span>DOMStringMap</span> <span data-x="dom-dataset">dataset</span>;
 
   // <span>user interaction</span>
   [<span>CEReactions</span>] attribute boolean <span data-x="dom-hidden">hidden</span>;
   void <span data-x="dom-click">click</span>();
-  [<span>CEReactions</span>] attribute long <span data-x="dom-tabindex">tabIndex</span>;
-  void <span data-x="dom-focus">focus</span>(optional <span>FocusOptions</span> options);
-  void <span data-x="dom-blur">blur</span>();
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-accessKey">accessKey</span>;
   readonly attribute DOMString <span data-x="dom-accessKeyLabel">accessKeyLabel</span>;
   [<span>CEReactions</span>] attribute boolean <span data-x="dom-draggable">draggable</span>;
@@ -10151,7 +10143,6 @@ interface <dfn>HTMLElement</dfn> : <span>Element</span> {
 <span>HTMLElement</span> includes <span>GlobalEventHandlers</span>;
 <span>HTMLElement</span> includes <span>DocumentAndElementEventHandlers</span>;
 <span>HTMLElement</span> includes <span>ElementContentEditable</span>;
-<span>HTMLElement</span> includes <span>NoncedElement</span>;
 
 // Note: <a href="#customized-built-in-element-restrictions">intentionally</a> not [<span>HTMLConstructor</span>]
 [Exposed=Window]
@@ -10201,6 +10192,21 @@ interface <dfn>HTMLUnknownElement</dfn> : <span>HTMLElement</span> { };</pre>
 
   </div>
 
+  <p>Features shared between HTML and SVG elements use the <code>HTMLOrSVGElement</code> interface
+  mixin: <ref spec=SVG></p>
+
+  <pre class="idl">interface mixin <dfn>HTMLOrSVGElement</dfn> {
+  [SameObject] readonly attribute <span>DOMStringMap</span> <span data-x="dom-dataset">dataset</span>;
+  attribute DOMString <span data-x="dom-HTMLOrSVGElement-nonce">nonce</span>;
+
+  [<span>CEReactions</span>] attribute long <span data-x="dom-tabindex">tabIndex</span>;
+  void <span data-x="dom-focus">focus</span>(optional <span>FocusOptions</span> options);
+  void <span data-x="dom-blur">blur</span>();
+};
+<span>HTMLElement</span> includes <span>HTMLOrSVGElement</span>;
+<span>SVGElement</span> includes <span>HTMLOrSVGElement</span>;
+</pre>
+
   <div w-nodev>
 
   <h4 id="html-element-constructors">HTML element constructors</h4>