draft-js
draft-js copied to clipboard
facebookarchive
Support for Rendering within a Shadow DOM
Do you want to request a feature or report a bug?
Request a Feature
What is the current behavior?
Currently the draft editor throws errors at various times when rendered within a shadow dom.
Here is a CodePen I created to simplify the issue. This shows both the errors thrown when mounting, as well as when trying to focus().
https://codepen.io/michael_cox/pen/OmBPBm
More information can be found in this ticket for react-shadow:
https://github.com/Wildhoney/ReactShadow/issues/31
A couple things I've found while diving into this:
- document.documentElement is assumed to be present
- onSelect doesn't seem to fire when mounted to a shadow dom
What is the expected behavior?
Ideally the draft editor can be loaded in a shadow dom with the same functionality as when rendered normally.
Which versions of Draft.js, and which browser / OS are affected by this issue? Did this work in previous versions of Draft.js?
Testing draft 0.10.1 in Chrome 58, but I assume this is currently unsupported and would be an issue in any version.
Thanks for reporting this! This is not a priority for Facebook but we are open to pull requests that improve the support for Draft in the shadow dom.
For now I'm tagging this as a feature request rather than a bug, because we don't support the shadow dom right now.
@flarnie Hey! This issue was opened more than 3 years ago. Do you know if shadow root support is planning or it is not in top priorities? I guess it won't be a difficult task and some work can be copied from here https://github.com/ianstormtaylor/slate/pull/3749#pullrequestreview-459648387
