Make <menuitem> parse like an unknown element

Fixes #2308.

Author: zcorpan

source

@@ -55810,25 +55810,25 @@ interface <dfn>HTMLMenuElement</dfn> : <span>HTMLElement</span> {
  &lt;li>
   &lt;button type=menu value="File" menu="filemenu">
   &lt;menu id="filemenu" type="context">
-   &lt;menuitem onclick="fnew()" label="New...">
-   &lt;menuitem onclick="fopen()" label="Open...">
-   &lt;menuitem onclick="fsave()" label="Save">
-   &lt;menuitem onclick="fsaveas()" label="Save as...">
+   &lt;menuitem onclick="fnew()" label="New...">&lt;/menuitem>
+   &lt;menuitem onclick="fopen()" label="Open...">&lt;/menuitem>
+   &lt;menuitem onclick="fsave()" label="Save">&lt;/menuitem>
+   &lt;menuitem onclick="fsaveas()" label="Save as...">&lt;/menuitem>
   &lt;/menu>
  &lt;/li>
  &lt;li>
   &lt;button type=menu value="Edit" menu="editmenu">
   &lt;menu id="editmenu" type="context">
-   &lt;menuitem onclick="ecopy()" label="Copy">
-   &lt;menuitem onclick="ecut()" label="Cut">
-   &lt;menuitem onclick="epaste()" label="Paste">
+   &lt;menuitem onclick="ecopy()" label="Copy">&lt;/menuitem>
+   &lt;menuitem onclick="ecut()" label="Cut">&lt;/menuitem>
+   &lt;menuitem onclick="epaste()" label="Paste">&lt;/menuitem>
   &lt;/menu>
  &lt;/li>
  &lt;li>
   &lt;button type=menu value="Help" menu="helpmenu">
   &lt;menu id="helpmenu" type="context">
-   &lt;menuitem onclick="location='help.html'" label="Help">
-   &lt;menuitem onclick="location='about.html'" label="About">
+   &lt;menuitem onclick="location='help.html'" label="Help">&lt;/menuitem>
+   &lt;menuitem onclick="location='about.html'" label="About">&lt;/menuitem>
   &lt;/menu>
  &lt;/li>
 &lt;/menu></pre>
@@ -56059,14 +56059,14 @@ interface <dfn>HTMLMenuItemElement</dfn> : <span>HTMLElement</span> {
    <pre>&lt;button type=menu menu=editmenu>Commands...&lt;/button>
 &lt;menu type="context" id="editmenu">
  &lt;menuitem type="radio" radiogroup="alignment" checked="checked"
-          label="Left" icon="icons/alL.png" onclick="setAlign('left')">
+          label="Left" icon="icons/alL.png" onclick="setAlign('left')">&lt;/menuitem>
  &lt;menuitem type="radio" radiogroup="alignment"
-          label="Center" icon="icons/alC.png" onclick="setAlign('center')">
+          label="Center" icon="icons/alC.png" onclick="setAlign('center')">&lt;/menuitem>
  &lt;menuitem type="radio" radiogroup="alignment"
-          label="Right" icon="icons/alR.png" onclick="setAlign('right')">
+          label="Right" icon="icons/alR.png" onclick="setAlign('right')">&lt;/menuitem>
  &lt;hr>
  &lt;menuitem type="command" disabled
-          label="Publish" icon="icons/pub.png" onclick="publish()">
+          label="Publish" icon="icons/pub.png" onclick="publish()">&lt;/menuitem>
 &lt;/menu></pre>
 
   </div>
@@ -56093,8 +56093,12 @@ interface <dfn>HTMLMenuItemElement</dfn> : <span>HTMLElement</span> {
    <pre>&lt;form name="npc">
  &lt;label>Character name: &lt;input name=char type=text contextmenu=namemenu required>&lt;/label>
  &lt;menu type=context id=namemenu>
-  &lt;menuitem label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
-  &lt;menuitem label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
+  &lt;menuitem onclick="document.forms.npc.elements.char.value = getRandomName()">
+   Pick random name
+  &lt;/menuitem>
+  &lt;menuitem onclick="prefillFields(document.forms.npc.elements.char.value)">
+   Prefill other fields based on name
+  &lt;/menuitem>
  &lt;/menu>
 &lt;/form></pre>
 
@@ -56201,11 +56205,11 @@ interface <dfn>HTMLMenuItemElement</dfn> : <span>HTMLElement</span> {
 
    <pre>&lt;img src="cats.jpeg" alt="Cats" contextmenu=catsmenu>
 &lt;menu type="context" id="catsmenu">
- &lt;menuitem label="Pet the kittens" onclick="kittens.pet()">
- &lt;menuitem label="Cuddle with the kittens" onclick="kittens.cuddle()">
+ &lt;menuitem label="Pet the kittens" onclick="kittens.pet()">&lt;/menuitem>
+ &lt;menuitem label="Cuddle with the kittens" onclick="kittens.cuddle()">&lt;/menuitem>
  &lt;menu label="Feed the kittens"><!-- note: contents of this submenu aren't visible in the pictures below -->
-  &lt;menuitem label="Fish" onclick="kittens.feed(fish)">
-  &lt;menuitem label="Chicken" onclick="kittens.feed(chicken)">
+  &lt;menuitem label="Fish" onclick="kittens.feed(fish)">&lt;/menuitem>
+  &lt;menuitem label="Chicken" onclick="kittens.feed(chicken)">&lt;/menuitem>
  &lt;/menu>
 &lt;/menu></pre>
 
@@ -105469,7 +105473,7 @@ document.body.appendChild(text);
 
    </dd>
 
-   <dt>A start tag whose tag name is one of: "menuitem", "param", "source", "track"</dt>
+   <dt>A start tag whose tag name is one of: "param", "source", "track"</dt>
    <dd>
 
     <p><span>Insert an HTML element</span> for the token. Immediately pop the <span>current
@@ -108416,9 +108420,9 @@ document.body.appendChild(text);
         <p>If <var>current node</var> is an <code>area</code>, <code>base</code>,
         <code>basefont</code>, <code>bgsound</code>, <code>br</code>, <code>col</code>,
         <code>embed</code>, <code>frame</code>, <code>hr</code>, <code>img</code>,
-        <code>input</code>, <code>keygen</code>, <code>link</code>, <code>menuitem</code>,
-        <code>meta</code>, <code>param</code>, <code>source</code>, <code>track</code> or
-        <code>wbr</code> element, then continue on to the next child node at this point.</p>
+        <code>input</code>, <code>keygen</code>, <code>link</code>, <code>meta</code>,
+        <code>param</code>, <code>source</code>, <code>track</code> or <code>wbr</code> element,
+        then continue on to the next child node at this point.</p>
         <!-- VOIDLIST superset -->
         <!-- also, i guess: image, but we don't list it because we don't consider it an "element",
         more a "macro", and thus we should never serialize it -->