SharePoint / sp-dev-docs

SharePoint & Viva Connections Developer Documentation
https://docs.microsoft.com/en-us/sharepoint/dev/
Creative Commons Attribution 4.0 International
1.23k stars 991 forks source link

Native Text Editor webpart doesn't work in a sharepoint site page with custom webpart built with CKEditor5 #9483

Open v-suryawanshi opened 5 months ago

v-suryawanshi commented 5 months ago

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

Additional environment details

Describe the bug / error

We are currently facing an issue with using the native text editor on the same sharepoint site page with the custom webpart built with CKEditor 5 library for rich text editing. The native text editor doesn't seem to work, clicking within it doesn't focus it or lets you edit it. It's basically uneditable. The custom webpart works fine though even if the native text editor doesn't work. If the custom webpart is taken out of the page and the page is refreshed then the native text editor works fine.

image

The above image shows the custom webpart and the native text editor on the same page

The below image (red arrow) shows the native text editor is not editable even if clicked/dbl-clicked in the text area. The toolbar for the native text editor still shows.

image

The network logs don't appear to show any errors which might be relevant to the issue. And there are only warnings in the console log, no errors.

Steps to reproduce

  1. Build a custom webpart with CKEditor5
  2. Add it to a site page
  3. Add native text editor to the same site page
  4. The native text editor is un-editable

Expected behavior

The native text editor should work as normal when added to the site page with a custom webpart build with CKEditor 5

ghost commented 5 months ago

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.