slab / quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility
https://quilljs.com
BSD 3-Clause "New" or "Revised" License
43.14k stars 3.35k forks source link

Shadow DOM support v2.x #4191

Open diervo opened 4 months ago

diervo commented 4 months ago

I'm opening a new issue as all other Shadow DOM issues seem to have been closed as completed and it's unclear what the state o of the art currently is after 2.x release.

I just instanciated Quill inside shadow-dom (theme:snow) and some of the most basic operations like writing text seem buggy as the cursor/selection goes to the wrong places, and basic toolbar options don't seem to work out of the box.

I'm happy to help with some PRs/support to enable this, but if someone can provide me a summary of where things are or known bugs/gaps would be very valuable to see how much effort might take.

Platforms: Latest Chrome

Version: v2.0.1

TechQuery commented 4 months ago

Try my test PR: https://github.com/quilljs/quill/issues/2021#issuecomment-2077169460


And list some Shadow DOM bugs:

  1. 2021

  2. 3879

  3. 4033

tylerc commented 3 months ago

After some testing, I found at least 3 issues: https://github.com/slab/quill/issues/4250

So I'd say it definitely isn't supported yet.

mamiu commented 1 month ago

I wrote a custom Svelte component that fully supports Quill v2 inside and outside of shadow DOMs without any bugs.

I posted it in this comment.