Error in rapid destroy/init of component

[kenger]

Hi,

i have 8-10 ckeditor instance in a collapsable. If I open and close the collapsable in ~1 second I get the following errors. If you click fast enough the error is present even with 1 instance, with more instances the time between open and close needed for the error shrink. Here a stackblitz https://stackblitz.com/edit/angular-r9rwdh

core.js:14597 ERROR TypeError: Cannot read property 'unselectable' of null
    at b (ckeditor.js:6744)
    at a.<anonymous> (ckeditor.js:6694)
    at a.q (ckeditor.js:127)
    at a.<anonymous> (ckeditor.js:187)
    at a.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:228)
    at a.fireOnce (ckeditor.js:199)
    at a.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js:234)
    at Object.<anonymous> (ckeditor.js:5230)
    at f (ckeditor.js:4831)
    at Object.load (ckeditor.js:4833)
defaultErrorLogger @ core.js:14597
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:14645
next @ core.js:16628
schedulerFn @ core.js:12609
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:12593
(anonymous) @ core.js:16178
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:16115
onHandleError @ core.js:16178
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:392
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:191
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
ZoneTask.invoke @ zone.js:485
timer @ zone.js:2054
setTimeout (async)
scheduleTask @ zone.js:2075
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:407
onScheduleTask @ zone.js:297
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:401
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:255
scheduleMacroTaskWithCurrentZone @ zone.js:1114
(anonymous) @ zone.js:2090
proto.(anonymous function) @ zone.js:1394
setTimeout @ ckeditor.js:496
a @ ckeditor.js:5085
a @ ckeditor.js:6690
CKEDITOR.replace @ ckeditor.js:6757
push../node_modules/ngx-ckeditor/fesm5/ngx-ckeditor.js.CKEditorComponent.initEditor @ ngx-ckeditor.js:152
push../node_modules/ngx-ckeditor/fesm5/ngx-ckeditor.js.CKEditorComponent.ngAfterViewChecked @ ngx-ckeditor.js:106
callProviderLifecycles @ core.js:20985
callElementProvidersLifecycles @ core.js:20956
callLifecycleHooksChildrenFirst @ core.js:20946
checkAndUpdateView @ core.js:21882
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callViewAction @ core.js:22114
execEmbeddedViewsAction @ core.js:22077
checkAndUpdateView @ core.js:21874
callViewAction @ core.js:22114
execComponentViewsAction @ core.js:22056
checkAndUpdateView @ core.js:21879
callWithDebugContext @ core.js:22767
debugCheckAndUpdateView @ core.js:22445
push../node_modules/@angular/core/fesm5/core.js.ViewRef_.detectChanges @ core.js:20254
(anonymous) @ core.js:16888
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:16888
(anonymous) @ core.js:16779
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388
onInvoke @ core.js:16156
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:387
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138
push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:16070
next @ core.js:16779
schedulerFn @ core.js:12609
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:12593
checkStable @ core.js:16125
onLeave @ core.js:16192
onInvokeTask @ core.js:16150
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566 

3core.js:14597 ERROR TypeError: Cannot read property 'getComputedStyle' of undefined
    at $.CKEDITOR.tools.extend.getComputedStyle (ckeditor.js:2072)
    at $.getDirection (ckeditor.js:2505)
    at $.setup (ckeditor.js:7224)
    at $.m (ckeditor.js:16690)
    at ckeditor.js:497
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:16147)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496)

[hstarorg]

Thanks for your feedback, let me see and try it.

[hstarorg]

In your demo, I find no errors. But the editor text sync is so slowly. I'll try fix it.

[kenger]

I have the error with Chrome 72.0.3626.121 if you double click on the collapsable (or single click fast enough)

[hstarorg]

I reproduce it with your operate. Thanks.

[kenger]

Hi, do you have news on this problem?

[hstarorg]

Sorry, I still need some time.