diff --git a/packages/core/src/enhancers/html/renderer/reflowable/styles.ts b/packages/core/src/enhancers/html/renderer/reflowable/styles.ts index e04aecc1..90fc582d 100644 --- 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 index 15c81a0f..d36bceed 100644 --- 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;