react-email-editor icon indicating copy to clipboard operation
react-email-editor copied to clipboard

Cannot style the wrapper div

Open sorsaffari opened this issue 3 years ago • 0 comments

Because the stylable div (which is stylable from outside-in, based on the style prop) is wrapped by another div whose style is hard-coded (only minHeight being customisable), I can't seem to find a way to make the editor appear in full width.

<div
  style={{
    flex: 1,
    display: 'flex',
    minHeight: minHeight,
   // I would like a "width: '100%'" here 
  }}
>
    <div id={this.editorId} style={{ ...style, flex: 1 }} />
</div>

source: https://github.com/unlayer/react-email-editor/blob/master/src/index.js#L24-L32

Is there a reason why the style of the outer div should not be fully configurable? If so, is there any other way that I could accomplish the same result (full-width editor)?

sorsaffari avatar May 18 '22 15:05 sorsaffari