Newlines inserted on render don't update when page width changes

[EmmaB]

On current latest version: v3.20.5

Hello, thanks for the great library. I have an issue with the newlines inserted into the editor, at different page widths (brought about by having two collapsing sidebars). Here is the problem in pictures...

Before persisting to the database:

After persisting:

I've tried reloading the textarea:

          components={{
            textarea: props => {
              return (
                // @ts-ignore
                <textarea {...props} />
              )
            },
          }}

and overriding styles, and setting overflow to hidden, and highlightEnable to false, and anything else mentioned in the issues!

        <MDEditor
...
          prefixCls={"markdown-editor"}
          overflow={false}
          // style={{
          //   overflow: "hidden",
          // }}
          highlightEnable={false}

I suppose the next step is trying to strip out the newlines, but I have no idea how to distinguish between good and bad newlines... so any help would be gratefully appreciated, to avoid the newlines being inserted in the first place. Thanks!

[EmmaB]

I think this is probably something on the server side so closing this issue. If I find out what it is, I'll report back.

[EmmaB]

Update: the issue was nothing to do react-md-editor! I am using the Ruby Kramdown gem to process the data in and out of the database. Turns out it has a default line_width of 72. The issue pictured was due to this, and was nothing to do with the expanding / collapsing sidebars.