formio / angular

JSON powered forms for Angular

Home Page:https://formio.github.io/angular-demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

dinbtechit opened this issue · comments

Environment

Angular version - 15.2.0

  • Hosting type
    • [] Form.io
    • [X ] Local deployment
      • Version:
  • Formio.js version:
    "@formio/angular": "^5.5.0-rc.11",
    "@formio/js": "^5.0.0-rc.27",
  • Frontend framework:
  • Browser: Chrome
  • Browser version: latest

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

Kapture.2023-09-12.at.22.31.18.mp4