diff --git a/packages/roosterjs-content-model-core/lib/override/containerSizeFormatParser.ts b/packages/roosterjs-content-model-core/lib/override/containerSizeFormatParser.ts index 077215150284..1b486148dd73 100644 --- a/packages/roosterjs-content-model-core/lib/override/containerSizeFormatParser.ts +++ b/packages/roosterjs-content-model-core/lib/override/containerSizeFormatParser.ts @@ -8,5 +8,7 @@ export const containerSizeFormatParser: FormatParser = (format, elem if (element.tagName == 'DIV' || element.tagName == 'P') { delete format.width; delete format.height; + delete format.maxHeight; + delete format.maxWidth; } }; diff --git a/packages/roosterjs-content-model-core/test/overrides/containerSizeFormatParserTest.ts b/packages/roosterjs-content-model-core/test/overrides/containerSizeFormatParserTest.ts index d8a98670fb2c..bc9a1fb6ae92 100644 --- a/packages/roosterjs-content-model-core/test/overrides/containerSizeFormatParserTest.ts +++ b/packages/roosterjs-content-model-core/test/overrides/containerSizeFormatParserTest.ts @@ -58,4 +58,67 @@ describe('containerSizeFormatParser', () => { expect(format).toEqual({}); }); + + it('DIV with maxWidth', () => { + const div = document.createElement('div'); + const format: SizeFormat = { + maxWidth: '100px', + }; + + containerSizeFormatParser(format, div, null!, {}); + + expect(format).toEqual({}); + }); + + it('DIV with maxHeight', () => { + const div = document.createElement('div'); + const format: SizeFormat = { + maxHeight: '100px', + }; + + containerSizeFormatParser(format, div, null!, {}); + + expect(format).toEqual({}); + }); + + it('DIV with all size properties', () => { + const div = document.createElement('div'); + const format: SizeFormat = { + width: '10px', + height: '10px', + maxWidth: '100px', + maxHeight: '100px', + }; + + containerSizeFormatParser(format, div, null!, {}); + + expect(format).toEqual({}); + }); + + it('P with maxWidth and maxHeight', () => { + const p = document.createElement('p'); + const format: SizeFormat = { + maxWidth: '200px', + maxHeight: '50px', + }; + + containerSizeFormatParser(format, p, null!, {}); + + expect(format).toEqual({}); + }); + + it('SPAN with maxWidth and maxHeight', () => { + const span = document.createElement('span'); + const format: SizeFormat = { + maxWidth: '200px', + maxHeight: '50px', + }; + + containerSizeFormatParser(format, span, null!, {}); + + expect(format).toEqual({ + maxWidth: '200px', + maxHeight: '50px', + }); + }); });