formio / angular

JSON powered forms for Angular
https://formio.github.io/angular-demo
MIT License
634 stars 469 forks source link

[BUG] - Content Component as Angular element - produces the error - properties of undefined (reading 'data-ck-expando') #1004

Open dinbtechit opened 1 year ago

dinbtechit commented 1 year ago

Environment

Angular version - 15.2.0

Steps to Reproduce

  1. Create an angular element - with formio.
  2. Build the project to generate the javascript and css file and include it in a HTML file.
  3. open HTML file and try to add content component to the form. Due to the ckeditor the following error occurs. (see video more details.)
sfs-form-designer-element.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'data-ck-expando')
    at dr (emittermixin.js:256:9)
    at Eu._getProxyEmitter (emittermixin.js:112:39)
    at Eu.stopListening (emittermixin.js:86:23)
    at Eu.destroy (view.js:492:8)
    at viewcollection.js:89:26
    at Array.map (<anonymous>)
    at dl.map (collection.js:334:22)
    at dl.destroy (viewcollection.js:89:8)
    at dl.detachFromDom (bodycollection.js:94:9)
    at Gl.destroy (editoruiview.js:52:13)

Note the above error occurs only if you export formio as an Angular Element. Regular angular projects work fine.

Expected behavior

Content component should work as expected.

Observed behavior

https://github.com/formio/angular/assets/17984781/b6a90082-5390-48b8-90fb-85224233d653

lane-formio commented 1 month ago

Can you try this with some of the more recent versions? The versions below in particular are compatible with the 5.x version of formio/js @formio/angular: 6.5.0 || 7.5.0-rc.2 || 8.0.0-rc.5