Cannot read property 'unselectable' of null

[boris27]

Are you reporting a feature request or a bug?

Bug

hi guys, i have little different situation(which described in #110 ), and your fix in 1.2.2 doesnt work for me

this is example of above code, little modified to exampled my situation)
https://stackblitz.com/edit/angular-ivy-taveju?file=src%2Fapp%2Fapp.component.ts

[f1ames]

@boris27 could you elaborate a little bit more on your real use case? Do you use such code in your Angular application or it is just here to somehow simulate real use case? Isn't it related to an Angular issue described here - #111 (comment) 🤔

[jacekbogdanski]

Hi, It's been a while since we last heard from you. We're closing this issue for now. Still, feel free provide us requested feedback, so that we can reopen this issue.

[s-abdullaev]

Same issue is happening in my project as well. It is reporting following error:

Uncaught TypeError: Cannot read property 'unselectable' of null
    at e (ckeditor.js:349)
    at a.<anonymous> (ckeditor.js:345)
    at a.d (ckeditor.js:10)
    at a.<anonymous> (ckeditor.js:11)
    at a.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:13)
    at a.fireOnce (ckeditor.js:12)
    at a.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js:13)
    at Object.<anonymous> (ckeditor.js:272)
    at g (ckeditor.js:252)
    at Object.load (ckeditor.js:252)

For simple use case inside a pop-up dialog. For example,:

<p-dialog>
<ckeditor
                #editor
                formControlName="body"
                [config]="ckconfig"
></ckeditor>
</p-dialog>

[f1ames]

@desmonduz could you provide a demo (e.g. on stackblitz or similar) where your issue could be reproduced? I wonder if it's caused by placing editor inside dialog/modal (p-dialog).

[s-abdullaev]

Hi @f1ames

I have made a simple demo here:
https://stackblitz.com/edit/angular-ivy-grhjxj

[xxj2016]

Same issue is happening in my project as well.it may be caused by placing editor inside modal

[ronaldohoch]

Same issue here.

In my case: When i use ckeditor inside Angular Material Tabs, the first tab work properly, but, the second tab, with the hidden content, throws this error.
And, when i go to second tab and come back to the first tab, the ckeditor is not working anymore.

[Dumluregn]

I'm reopening this issue since the problem is still there. For everyone interested - it's an upstream from ckeditor4 itself, we created a generic issue there (ckeditor/ckeditor4#4390) with two follow-ups (ckeditor/ckeditor4#4461 and ckeditor/ckeditor4#4462) we are actively working on (one is already merged to the major branch, the other comes through the second review). After the release containing those two PRs (probably 4.17.0) we'll update the configuration in sample and all UI frameworks should start working fine.

[Dumluregn]

Closing #190 should be at least a partial fix.

[Dumluregn]

There is another nice debugging sample provided by a user in #192 (closed as duplicate).

[Dumluregn]

This issue should be resolved with #190.

[sculpt0r]

Hi,
The background laying issue was fixed in CKEditor v4.17.

• The angular integration 2.3.0 is by default linked to CKE4 4.17.1, but it requires to use of proper config.
• The 2.4.0 version introduces (in this integration) the default usage of the delayed editor initialization feature (blog post).
• Currently, the newest version is 2.4.1 - see notes.

Since the issue was fixed. I'm closing this report. If you encourage any further issues - feel free to open another issue. Thank you for your patience.

[sculpt0r]

Closed with #190.