diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js index dcfd92113891..459589073b12 100644 --- a/src/pages/home/report/ReportActionCompose.js +++ b/src/pages/home/report/ReportActionCompose.js @@ -876,6 +876,7 @@ class ReportActionCompose extends React.Component { const inputPlaceholder = this.getInputPlaceholder(); const shouldUseFocusedColor = !isBlockedFromConcierge && !this.props.disabled && (this.state.isFocused || this.state.isDraggingOver); const hasExceededMaxCommentLength = this.state.hasExceededMaxCommentLength; + const isFullComposerAvailable = this.state.isFullComposerAvailable && !_.isEmpty(this.state.value); return ( {this.props.isComposerFullSize && ( @@ -933,7 +934,7 @@ class ReportActionCompose extends React.Component { )} - {!this.props.isComposerFullSize && this.state.isFullComposerAvailable && ( + {!this.props.isComposerFullSize && isFullComposerAvailable && ( { @@ -1044,7 +1045,7 @@ class ReportActionCompose extends React.Component { isDisabled={isComposeDisabled || isBlockedFromConcierge || this.props.disabled} selection={this.state.selection} onSelectionChange={this.onSelectionChange} - isFullComposerAvailable={this.state.isFullComposerAvailable} + isFullComposerAvailable={isFullComposerAvailable} setIsFullComposerAvailable={this.setIsFullComposerAvailable} isComposerFullSize={this.props.isComposerFullSize} value={this.state.value}