@festo-ui/angular 11.0.0-dev.938 → 11.0.0-dev.943

package/fesm2022/festo-ui-angular.mjs

@@ -6817,7 +6817,17 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
             value = sanitizeConfig.sanitizingFn(this.domSanitizer, value);
         }
         if (sanitizeConfig && !sanitizeConfig.skipDefaultSanitizing) {
+            // Quill v2 uses data-list attributes to distinguish list types (bullet vs ordered),
+            // but Angular's DomSanitizer strips all data-* attributes.
+            // Encode data-list as a class before sanitizing and restore it afterwards,
+            // so bullet lists are not incorrectly converted to ordered lists.
+            value = value
+                .replace(/ data-list="bullet"/g, ' class="fng-list-type-bullet"')
+                .replace(/ data-list="ordered"/g, ' class="fng-list-type-ordered"');
             value = this.domSanitizer.sanitize(SecurityContext.HTML, value) || '';
+            value = value
+                .replace(/ class="fng-list-type-bullet"/g, ' data-list="bullet"')
+                .replace(/ class="fng-list-type-ordered"/g, ' data-list="ordered"');
         }
         if (sanitizeConfig && !sanitizeConfig.skipWhitespaceHandling) {
             value = this.handleWhitespace(value);
@@ -6854,14 +6864,11 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
         this.quillEditor.getModule('history').clear();
         this.handle();
         this.quillEditor.on('text-change', () => {
-            const rawHtml = this.valueGetter(this.editorElem);
-            const sanitized = this.sanitizeHtml(rawHtml);
-            // if content was sanitized, update the editor to show the sanitized version
-            if (sanitized !== rawHtml) {
-                const content = this.quillEditor.clipboard.convert({ html: sanitized });
-                this.quillEditor.setContents(content, 'silent');
-            }
-            this.value = sanitized;
+            // Only read and emit the current editor value. Sanitization happens on the
+            // INPUT path (valueSetter / writeValue) when external content is written into
+            // the editor. Calling setContents here would interrupt live editing and cause
+            // the cursor to jump on every keystroke.
+            this.value = this.valueGetter(this.editorElem);
         });
     }
     ngOnChanges(changes) {