loopindex / ckeditor-track-changes

Track changes plugin for CKEditor, based on ICE (track changes for TinyMCE).
www.loopindex.com
Other
51 stars 55 forks source link

Inline CKEditor Track changes with vue.js throws error #152

Open tesfaMistir opened 5 years ago

tesfaMistir commented 5 years ago

We are having this problem in our application that's related with inline editor with track changes in vue.js application. The application have the functionality to move from section to section with "Next" and "Previous" buttons and we destroy the previous section editor when we go to the next section and instantiate a new editor for it. It loads fine when we navigate to the next/previous section after making changes to one of the editor and the issue happens when we navigate to another(third) section. It loads on the first navigation and throws a console error "Uncaught TypeError: Cannot read property 'removeChild' of null" when we navigate to another section the second time and doesn;t load the page. The functionality works fine in IE11, works if the editor is not inline and also works for inline editors if track changes are turned off. The other browsers are throwing the error. What could be causing this issue? Below is the entire console error.

Using CKEditor 4, lite 1.2.30 and Vue 1.0

Uncaught TypeError: Cannot read property 'removeChild' of null at remove (vue.js:1225) at vue.js:1069 at applyTransition (vue.js:1097) at removeWithTransition (vue.js:1068) at vue.js:1503 at mapNodeRange (vue.js:1478) at removeNodeRange (vue.js:1500) at Fragment.multiRemove [as remove] (vue.js:3837) at Directive.remove (vue.js:4304) at Directive.diff (vue.js:4117)