question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error with using divarea plugin combined with material2 number input

See original GitHub issue

Recently I changed my ng2-ckeditor to use the divarea plugin, as I want to be able to destroy ckeditors when they are no longer needed. Now I have this strange bug in Firefox, that when I try to use a number field, the following error pops up:

Error: Permission denied to access property "nodeType"

This is the complete error message:

columnNumber: 31
​
fileName: "http://localhost:4200/assets/js/ckeditor/ckeditor.js"
​
lineNumber: 70
​
message: "Permission denied to access property \"nodeType\""
​
stack: "CKEDITOR.dom.node@http://localhost:4200/assets/js/ckeditor/ckeditor.js:70:31\nCKEDITOR.dom.selection@http://localhost:4200/assets/js/ckeditor/ckeditor.js:448:355\nCKEDITOR.editor.prototype.getSelection@http://localhost:4200/assets/js/ckeditor/ckeditor.js:446:45\nq@http://localhost:4200/assets/js/ckeditor/ckeditor.js:684:326\nt@http://localhost:4200/assets/js/ckeditor/ckeditor.js:684:98\nb/</d<@http://localhost:4200/assets/js/ckeditor/ckeditor.js:675:80\n./node_modules/zone.js/dist/zone.js/</ZoneDelegate.prototype.invokeTask@http://localhost:4200/polyfills.js:2737:17\nonInvokeTask@http://localhost:4200/vendor.js:58949:24\n./node_modules/zone.js/dist/zone.js/</ZoneDelegate.prototype.invokeTask@http://localhost:4200/polyfills.js:2736:17\n./node_modules/zone.js/dist/zone.js/</Zone.prototype.runTask@http://localhost:4200/polyfills.js:2504:28\n./node_modules/zone.js/dist/zone.js/</ZoneTask.invokeTask@http://localhost:4200/polyfills.js:2812:24\nZoneTask/this.invoke@http://localhost:4200/polyfills.js:2801:28\ntimer@http://localhost:4200/polyfills.js:4370:17\n"

If anyone has any idea how to prevent this error, that would be great. Reverting back to the ckeditor without the divarea plugin is no option. As it will cause a different error: https://github.com/chymz/ng2-ckeditor/issues/212.

Also worth noting only the number field is giving problems, other input fields work fine. And the error doesn’t pop up in Chrome. It seems to be a Firefox only bug.

versions used

Angular 6 Material2 6 Latest ng2-ckeditor Ckeditor 4.9.2 custom build, I also tried other versions but that did not seem to help

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7

github_iconTop GitHub Comments

2reactions
rconn3commented, Jul 11, 2018

I’ve created an issue in the ckeditor issue tracker: https://github.com/ckeditor/ckeditor-dev/issues/2216

0reactions
cmddavidcommented, Oct 24, 2018

Closing this issue as it should be fixed in the ckeditor package itself.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular Material: Input with hint text and error text at the ...
So we will use the class name to hide/show the hint for the invalid element. Here is example code to solve the problem:...
Read more >
Input
matInput is a directive that allows native <input> and <textarea> elements to ... In the message itself, you can use an icon or...
Read more >
How to solve 'Permission denied' error in IE/Edge when ...
According to it's Readme, it seems that adding the divarea plugin solves many issues with ng2-ckeditor. For adding this new plugin, I used...
Read more >
Text fields
When text input isn't accepted, an error message can display instructions on ... appear in places like forms, where many text fields are...
Read more >
handle many mat-error(s) in the same mat-form-field ...
Angular Material is a collection of high quality, versatile, frictionless components. They can elevate the quality of the application and ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found