Markdown editor overflow at small size

[serendipity1004]

it's a 425x759 size screen in chrome and editor content seems to overflow.

      <MDEditor
        value={MARKDOWN_SAMPLE}
        preview="edit"
        height={400}
        visiableDragbar={false}
        previewOptions={{
          skipHtml: true,
        }}
      />

above is the simple settings I'm using.

[jaywcjlove]

@serendipity1004 May have style conflicts

https://codesandbox.io/s/markdown-editor-for-react-173-6ttjv?file=/index.js

[serendipity1004]

@jaywcjlove yea I think you're right. I can't seem to find which style is conflicting tho.

[serendipity1004]

After a further investigation it actually was nothing to do with style conflict. I was having this issue in the chrome dev tools (I have no idea if it also happens in real mobile devices) and It seems that if you set the MDEditor width to certain value (explicit pixels or simple 100%) the issue gets resolved. If you don't, as you resize the screen using dev tools, the bottom textarea will overflow just as much as how much more space toolbar eats up.

[serendipity1004]

add width like below

<MDEditor
  style={{
    width: "100%",
  }}
  value={MARKDOWN_SAMPLE}
  height={400}
/>