Shadow DOM support v2.x

[diervo]

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]

Try my test PR: #2021 (comment)

---

And list some Shadow DOM bugs:

1. Support Shadow DOM v1 #2021
2. Quill doesn't listen to modules when used with custom elements and shadow dom #3879
3. Quill inside shadow dom ignores passed options #4033
4. Quill misbehaves inside of Shadow DOM #4250

[tylerc]

After some testing, I found at least 3 issues: #4250

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

[mamiu]

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.

[web-padawan]

For anyone interested, here's a branch in our fork that is mostly based on the above comment and some changes mentioned in #2021 (comment). It also adds some API for Emitter as a workaround avoid memory leaks due to storing emitter instances.

BTW, it would probably make sense to consolidate shadow DOM discussion as there are 2 more issues except this one:

• Support Shadow DOM v1 #2021
• Quill misbehaves inside of Shadow DOM #4250