From cfe1b79737406f96ee40b20f53a249d37557d671 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sat, 24 Dec 2022 12:57:38 +1000
Subject: [PATCH] Fix images not being constrained to field width

Appears to have regressed in #2071. I'd used 'inherit' so that the default
editable styling would impose a 100% limit, but it appears that variable
interpolation prevents the parent styling from being applied.
---
 ts/editable/ResizableImage.svelte           | 4 ++--
 ts/editor/image-overlay/ImageOverlay.svelte | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/ts/editable/ResizableImage.svelte b/ts/editable/ResizableImage.svelte
index 37c70e413..a95299793 100644
--- a/ts/editable/ResizableImage.svelte
+++ b/ts/editable/ResizableImage.svelte
@@ -4,8 +4,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <style lang="scss">
     :global(img:not(.mathjax)) {
-        max-width: var(--editor-default-max-width);
-        max-height: var(--editor-default-max-height);
+        max-width: var(--editor-default-max-width, inherit);
+        max-height: var(--editor-default-max-height, inherit);
 
         &:is([data-editor-shrink="true"]) {
             max-width: var(--editor-shrink-max-width);
diff --git a/ts/editor/image-overlay/ImageOverlay.svelte b/ts/editor/image-overlay/ImageOverlay.svelte
index 022aa32e0..4c12750a0 100644
--- a/ts/editor/image-overlay/ImageOverlay.svelte
+++ b/ts/editor/image-overlay/ImageOverlay.svelte
@@ -94,13 +94,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 `${maxHeight}px`,
             );
         } else {
-            document.documentElement.style.setProperty(
+            document.documentElement.style.removeProperty(
                 "--editor-default-max-width",
-                "inherit",
             );
-            document.documentElement.style.setProperty(
+            document.documentElement.style.removeProperty(
                 "--editor-default-max-height",
-                "inherit",
             );
         }
     }