figure max-width: initial (#604)

mbostock · web-flow · commit 5d115719cb5b · 2021-12-08T21:49:26.000-08:00
diff --git a/src/plot.js b/src/plot.js
@@ -103,6 +103,7 @@ export function plot(options = {}) {
   const legends = Legends(scaleDescriptors, options);
   if (caption != null || legends.length > 0) {
     figure = document.createElement("figure");
+    figure.style.maxWidth = "initial";
     figure.append(...legends, svg);
     if (caption != null) {
       const figcaption = document.createElement("figcaption");
diff --git a/test/output/caltrain.html b/test/output/caltrain.html
@@ -1,4 +1,4 @@
-<figure>
+<figure style="max-width: initial;">
   <div class="plot" style="
         --swatchWidth: 15px;
         --swatchHeight: 15px;
diff --git a/test/output/figcaption.html b/test/output/figcaption.html
@@ -1,4 +1,4 @@
-<figure><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
         display: block;
diff --git a/test/output/figcaptionHtml.html b/test/output/figcaptionHtml.html
@@ -1,4 +1,4 @@
-<figure><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <style>
       .plot {
         display: block;
diff --git a/test/output/policeDeaths.svg b/test/output/policeDeaths.svg

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<figure>`
	`1`	`+<figure style="max-width: initial;">`
`2`	`2`	`<div class="plot" style="`
`3`	`3`	`--swatchWidth: 15px;`
`4`	`4`	`--swatchHeight: 15px;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<figure><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`
	`1`	`+<figure style="max-width: initial;"><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" font-variant="tabular-nums" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`
`2`	`2`	`<style>`
`3`	`3`	`.plot {`
`4`	`4`	`display: block;`