codemirror6-plugin icon indicating copy to clipboard operation
codemirror6-plugin copied to clipboard
verified publisher icon emmetio

Mount Preview to ShadowDOM root

Open shshaw opened this issue 1 year ago • 2 comments

For reasons we have to mount CodeMirror 6 in ShadowDOM (which CodeMirror 6 supports via the root property of EditorView.

Emmet overall works fine, but theme styles don't work in Emmet in the ShadowDOM since the Emmet Preview's EditorView is using the parent document instead of the ShadowDOM root.

A couple of ideas on how to solve the problem:

  1. Use the parent EditorView's root property when creating the preview EditorView, though it doesn't seem like createPreview gets the parent EditorView which could be referenced.
  2. Give an API to retrieve the preview EditorView to allow setting the root manually with setRoot

shshaw avatar Feb 21 '24 16:02 shshaw

Ok, I’ll try to explore how to attach styles for preview in ShadowDOM mode, seems to be a valid use case

sergeche avatar Feb 22 '24 09:02 sergeche

Added root option for preview config in v0.3.2.

sergeche avatar Aug 05 '24 08:08 sergeche

Haven't been able to get this integrated yet, but that does seem like what I need. Would be great if it could automatically be inherited from the parent, but doesn't seem like CodeMirror even has that available. Closing out for now, if I can get it working or run into trouble, I'll update. Thanks!

shshaw avatar Sep 09 '24 18:09 shshaw