[xpub-edit] Cannot target main div
When trying to style xpub-edit
with styled(TextEditor)
, I run into an issue where I cannot target the main div
that is returned.
Let's say I have the following code in my app:
const MyEditor = styled(TextEditor)`
background: teal;
`
This will not style the main container that is returned.
This is because the passed className
prop is not applied to it, but to the createEditorView
container, as seen here.
This leaves the user with no way to target the main container, or the MenuBar with styles from outside.
I'd argue that className
should be applied to the main container only, but whatever the solution is, it looks like the current setup is problematic.