fix: removed media max height which "force" some media out of bounds

mbret · Dec 1, 2024 · 46782ec · 46782ec
1 parent ad35d15
commit 46782ec
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/core/src/enhancers/html/renderer/reflowable/styles.ts b/packages/core/src/enhancers/html/renderer/reflowable/styles.ts
@@ -197,8 +197,8 @@ export const buildStyleWithMultiColumn = ({
       }
       img, video, audio, object, svg {
         max-width: 100%;
-        max-width: ${columnWidth}px !important;
-        max-height: ${columnHeight}px !important;
+        -max-width: ${columnWidth}px !important;
+        -max-height: ${columnHeight}px !important;
         -pointer-events: none;
         -webkit-column-break-inside: avoid;
         page-break-inside: avoid;

diff --git a/packages/core/src/enhancers/layoutEnhancer/layoutEnhancer.ts b/packages/core/src/enhancers/layoutEnhancer/layoutEnhancer.ts
@@ -143,8 +143,8 @@ export const layoutEnhancer =
                 height: ${columnHeight}px !important;
               }
               img, video, audio, object, svg {
-                max-width: ${columnWidth}px !important;
-                max-height: ${columnHeight}px !important;
+                -max-width: ${columnWidth}px !important;
+                -max-height: ${columnHeight}px !important;
               }
               table {
                 max-width: ${columnWidth}px !important;