quill icon indicating copy to clipboard operation
quill copied to clipboard

Published 20 hours ago • verified publisher icon slab

Shadow DOM support v2.x

Open diervo opened this issue 1 year ago • 4 comments

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

diervo avatar May 09 '24 01:05 diervo

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

TechQuery avatar May 14 '24 14:05 TechQuery

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.

tylerc avatar Jun 10 '24 23:06 tylerc

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.

mamiu avatar Jul 30 '24 13:07 mamiu