Resolve issue with handling multiple mistakes in single CKEditor block element

service.js

@@ -717,7 +717,11 @@ class BesCKService extends BesService {
     super.markProofed(el, matches)
 
     // This is a solution for displaying mistakes in CKEditor. It is not the best solution, but it works for now.
-    if (this.ckEditorInstance) window.dispatchEvent(new Event('resize'))
+    if (this.ckEditorInstance) {
+      setTimeout(() => {
+        window.dispatchEvent(new Event('resize'))
+      }, 100)
+    }
   }
 
   /**
@@ -751,13 +755,13 @@ class BesCKService extends BesService {
       match.range
     )
     const modelRange = ckEditorInstance.editing.mapper.toModelRange(viewRange)
+    this.clearMistakeMarkup(el)
     ckEditorInstance.model.change(writer => {
       const attributes =
         ckEditorInstance.model.document.selection.getAttributes()
       writer.remove(modelRange)
       writer.insertText(replacement, attributes, modelRange.start)
     })
-    this.clearMistakeMarkup(el)
     // In my opinion, this approach provides the most straightforward solution for repositioning mistakes after a change.
     // It maintains reasonable performance as it only checks the block element that has been modified,
     // rather than re-evaluating the entire document or a larger set of elements.