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

Author: Cyperghost

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) {