Updating content externally or using DynamicFormControlComponent causes the cursor to jump to the start #425

Activity

1. ZeroRex0126 commented on Aug 27, 2025

   

   ZeroRex0126

   on Aug 27, 2025

   Author

   More actions

   I have a fix, correct me if I am wrong, but since TinyMCE does the updating, the line " this._editor.setContent(isNullOrUndefined(value) ? '' : value);" is not needed and only needed for initialization.

   #425
2. tiny-ben-tran commented on Feb 10, 2026

   

   tiny-ben-tran

   on Feb 10, 2026

   Contributor

   More actions

   @ZeroRex0126, I believe the line is needed. For example: it is still called when noteField is updated in your demo.

   while typing it should not jump to the start,

   This line this.formControl.patchValue(value, { emitEvent: false }); in your demo causes the cursor to jump to the start because it triggers the editor to update its content by calling this line this._editor.setContent(isNullOrUndefined(value) ? '' : value);".

   updating the value externally should not jump to the start, and after updating the value it should not jump to the start

   The editor internally maintains cursor/selection state during user interaction, but when setContent() is called (ie: triggered by external updates), it replaces the content and resets that internal selection state.
3. ZeroRex0126 commented on Feb 10, 2026

   

   ZeroRex0126

   on Feb 10, 2026

   Author

   More actions

   Then, is there a way to update it and prevent it from jumping?
4. tiny-ben-tran commented on Feb 17, 2026

   

   tiny-ben-tran

   on Feb 17, 2026

   Contributor

   More actions

   You can try to move the cursor using the editor selection API after the content has been updated. For example:

   editor.on('SetContent', (_e: any) => {
           const element = editor.getBody().querySelector('#aa');
           if (element) {
             console.log('found element with id "aa", moving cursor to it');
             editor.selection.setCursorLocation(element, 0);
           }
         });
   

   I assume it would be tricky to find where to insert the cursor.