Write max-with in the change callback. This triggers the refresh …

…of the DOM
WoltLab · Aug 21, 2024 · a1f5369 · a1f5369
1 parent 8f0cbce
commit a1f5369
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/plugins/ckeditor5-woltlab-image/src/woltlabimage.ts b/plugins/ckeditor5-woltlab-image/src/woltlabimage.ts
@@ -76,7 +76,7 @@ export class WoltlabImage extends Plugin {
         dispatcher.on<DowncastInsertEvent>(
           `insert:${imageType}`,
           (_evt, { item }, conversionApi) => {
-            const { mapper, writer } = conversionApi;
+            const { mapper } = conversionApi;
             const { domConverter } = this.editor.editing.view;
 
             const container = mapper.toViewElement(item as Element);
@@ -99,7 +99,13 @@ export class WoltlabImage extends Plugin {
             }
 
             const setMaxWidth = () => {
-              writer.setStyle("max-width", `${img.naturalWidth}px`, container);
+              this.editor.editing.view.change((writer) => {
+                writer.setStyle(
+                  "max-width",
+                  `${img.naturalWidth}px`,
+                  container,
+                );
+              });
             };
 
             if (img.complete && img.naturalHeight !== 0) {