search

ckeditor / ckeditor4-angular

Official CKEditor 4 Angular component.
Other
55 stars 32 forks source link

Cannot read property 'unselectable' of null #114

Closed boris27 closed 2 years ago

boris27 commented 4 years ago

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 commented 4 years ago

@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 - https://github.com/ckeditor/ckeditor4-angular/pull/111#issuecomment-645941971 :thinking:

jacekbogdanski commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

@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 commented 4 years ago

Hi @f1ames

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

xxj2016 commented 3 years ago

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

ronaldohoch commented 3 years ago

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 commented 3 years ago

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 (https://github.com/ckeditor/ckeditor4/issues/4390) with two follow-ups (https://github.com/ckeditor/ckeditor4/issues/4461 and https://github.com/ckeditor/ckeditor4/issues/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 commented 3 years ago

Closing https://github.com/ckeditor/ckeditor4-angular/issues/190 should be at least a partial fix.

Dumluregn commented 3 years ago

There is another nice debugging sample provided by a user in https://github.com/ckeditor/ckeditor4-angular/issues/192 (closed as duplicate).

Dumluregn commented 3 years ago

This issue should be resolved with https://github.com/ckeditor/ckeditor4-angular/issues/190.

sculpt0r commented 2 years ago

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

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 commented 2 years ago

Closed with #190.