diff --git a/client/talk-plugin-commentbox/CommentForm.js b/client/talk-plugin-commentbox/CommentForm.js index f4bbbd139..347051a42 100644 --- a/client/talk-plugin-commentbox/CommentForm.js +++ b/client/talk-plugin-commentbox/CommentForm.js @@ -82,11 +82,16 @@ export class CommentForm extends React.Component { } } + removeNewLine = (string) => { + return string.replace(/\n/g, ''); + } + render() { const {maxCharCount, submitEnabled, cancelButtonClassName, submitButtonClassName, charCountEnable, body, loadingState} = this.props; - const length = body.length; - const isRespectingMaxCount = (length) => charCountEnable && maxCharCount && length > maxCharCount; + const cleanedBody = this.removeNewLine(body); + const length = cleanedBody.length; + const isRespectingMaxCount = (length) => charCountEnable && maxCharCount && length > maxCharCount; const disableSubmitButton = !length || isRespectingMaxCount(length) || !submitEnabled({body}) || loadingState === 'loading'; const disableCancelButton = loadingState === 'loading'; const disableTextArea = loadingState === 'loading';