What SharePoint development model, framework, SDK or API is this about?
💥 SharePoint Framework
Developer environment
Windows
What browser(s) / client(s) have you tested
[ ] 💥 Internet Explorer
[X] 💥 Microsoft Edge
[ ] 💥 Google Chrome
[ ] 💥 FireFox
[ ] 💥 Safari
[ ] mobile (iOS/iPadOS)
[ ] mobile (Android)
[ ] not applicable
[ ] other (enter in the "Additional environment details" area below)
Additional environment details
browser version --> Microsoft Edge Version 120.0.2210.144 (Official build) (64-bit)
SPFx version --> @microsoft/generator-sharepoint@1.17.4, @pnp/generator-spfx@1.16.2
Node.js version --> v14.21.3
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.
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.
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
Build a custom webpart with CKEditor5
Add it to a site page
Add native text editor to the same site page
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
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.
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.
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
Expected behavior
The native text editor should work as normal when added to the site page with a custom webpart build with CKEditor 5