ace editor in a shadow dom

[matt richards]

i tried using ace editor on a node that was within a shadow dom

 ace editor didnt respond well setting its height to 1000000px amongst other things

i produced a codepen : ace editor in the shadow dom

[matt richards]

well i found a solution, i clone the style elements for ace from the head section of the document into the shadow dom

i produced a codepen : ace editor in the shadow dom - solution

[Harutyun Amirjanyan]

There is also editor.renderer.attachToShadowRoot method which does the same.

But perhaps we should automatically detect shadow root  to simplify the usage of the editor

[matt richards]

hi,

yes editor.renderer.attachToShadowRoot() does work

i produced a codepen : ace editor in the shadow dom - editor.renderer.attachToShadowRoot