@marimo-team/frontend 0.21.2-dev71 → 0.21.2-dev72

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-Deg30Btd.js"></script>
+    <script type="module" crossorigin src="./assets/index-DbscyW4S.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-TXkS1QI3.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.21.2-dev71",
+  "version": "0.21.2-dev72",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/plugins/impl/matplotlib/matplotlib-renderer.ts

@@ -301,8 +301,9 @@ export class MatplotlibRenderer {
     canvas.width = this.#state.width * dpr;
     canvas.height = this.#state.height * dpr;
     canvas.style.width = `${this.#state.width}px`;
-    canvas.style.height = `${this.#state.height}px`;
     canvas.style.maxWidth = "100%";
+    canvas.style.height = "auto";
+    canvas.style.aspectRatio = `${this.#state.width} / ${this.#state.height}`;
     canvas.style.touchAction = "none";
     container.append(canvas);
     this.#canvas = canvas;
@@ -344,7 +345,9 @@ export class MatplotlibRenderer {
       this.#canvas.width = state.width * dpr;
       this.#canvas.height = state.height * dpr;
       this.#canvas.style.width = `${state.width}px`;
-      this.#canvas.style.height = `${state.height}px`;
+      this.#canvas.style.maxWidth = "100%";
+      this.#canvas.style.height = "auto";
+      this.#canvas.style.aspectRatio = `${state.width} / ${state.height}`;
       needsRedraw = true;
     }