diff --git a/native/chat/chat-input-bar.react.js b/native/chat/chat-input-bar.react.js --- a/native/chat/chat-input-bar.react.js +++ b/native/chat/chat-input-bar.react.js @@ -462,6 +462,7 @@ ); let joinButton = null; const threadColor = `#${this.props.threadInfo.color}`; + const isEditMode = this.isEditMode(); if (!isMember && canJoin && !this.props.threadCreationInProgress) { let buttonContent; if (this.props.joinThreadLoadingStatus === 'loading') { @@ -507,7 +508,7 @@ let typeaheadTooltip = null; - if (typeaheadRegexMatches) { + if (typeaheadRegexMatches && !isEditMode) { const typeaheadMatchedStrings = { textBeforeAtSymbol: typeaheadRegexMatches[1] ?? '', usernamePrefix: typeaheadRegexMatches[4] ?? '', @@ -573,7 +574,6 @@ ); let editedMessage; - const isEditMode = this.isEditMode(); if (isEditMode && this.props.editedMessagePreview) { const { message } = this.props.editedMessagePreview; editedMessage = ( @@ -630,11 +630,15 @@ ); const threadColor = `#${this.props.threadInfo.color}`; + const expandoButtonsViewStyle = [this.props.styles.innerExpandoButtons]; + if (this.isEditMode()) { + expandoButtonsViewStyle.push({ display: 'none' }); + } return ( - + {this.state.buttonsExpanded ? expandoButton : null} { - if (this.state.buttonsExpanded) { + if (this.state.buttonsExpanded || this.isEditMode()) { return; } this.targetExpandoButtonsOpen.setValue(1);