Position emu-figure captions _below_ figures

Author: gesa

src/Figure.ts

@@ -56,6 +56,11 @@ export default class Figure extends Builder {
 
     const captionElem = spec.doc.createElement('figcaption');
     captionElem.innerHTML = figure.caption;
+
+    if (node.nodeName.split('-')[1] === 'FIGURE') {
+      node.firstElementChild?.appendChild(captionElem);
+    } else {
       node.childNodes[0].insertBefore(captionElem, node.childNodes[0].firstChild);
+    }
   }
 }

test/baselines/generated-reference/figure.html

@@ -11,14 +11,14 @@
   <li><span>Jump to the most recent link target</span><code>`</code></li>
 </ul></div><div id="spec-container">
 <link rel="stylesheet" href="css/elements.css">
-<emu-figure id="figure-1"><figure><figcaption>Figure 1</figcaption>
+<emu-figure id="figure-1"><figure>
   this is a figure!
-</figure></emu-figure>
+<figcaption>Figure 1</figcaption></figure></emu-figure>
 
 <!-- deprecated: caption element -->
-<emu-figure id="figure-2" informative="" caption="Informative figure"><figure><figcaption>Figure 2 (Informative) — Informative figure</figcaption>
+<emu-figure id="figure-2" informative="" caption="Informative figure"><figure>
   this is a figure!
-</figure></emu-figure>
+<figcaption>Figure 2 (Informative) — Informative figure</figcaption></figure></emu-figure>
 
 <emu-table id="table-1" caption="An example table"><figure><figcaption>Table 1 — An example table</figcaption>
   <table>
@@ -42,10 +42,10 @@
   </tbody></table>
 </figure></emu-table>
 
-<emu-figure id="figure-3" informative=""><figure><figcaption>Figure 3 (Informative) — This is the caption</figcaption>
+<emu-figure id="figure-3" informative=""><figure>
 
   this is a figure!
-</figure></emu-figure>
+<figcaption>Figure 3 (Informative) — This is the caption</figcaption></figure></emu-figure>
 
 <emu-table id="table-3"><figure><figcaption>Table 3 — This is a table</figcaption>
 

test/baselines/generated-reference/xref.html

@@ -94,9 +94,9 @@ <h1><span class="secnum">1.1</span> AbstractOp</h1>
     <p>And a third!</p>
   </div></emu-note>
 
-  <emu-figure id="figure-1"><figure><figcaption>Figure 1</figcaption>
+  <emu-figure id="figure-1"><figure>
     this is a figure!
-  </figure></emu-figure>
+  <figcaption>Figure 1</figcaption></figure></emu-figure>
 
   <emu-table id="table-1" caption="An example table"><figure><figcaption>Table 1 — An example table</figcaption>
     <table>