diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js index 3747cf0efb60..e271680da068 100755 --- a/src/components/EmojiPicker/EmojiPickerMenu/index.js +++ b/src/components/EmojiPicker/EmojiPickerMenu/index.js @@ -98,6 +98,7 @@ class EmojiPickerMenu extends Component { start: 0, end: 0, }, + isFocused: false, }; } @@ -441,12 +442,14 @@ class EmojiPickerMenu extends Component { placeholder={this.props.translate('common.search')} placeholderTextColor={themeColors.textSupporting} onChangeText={this.filterEmojis} - style={styles.textInput} + style={[styles.textInput, this.state.isFocused && styles.borderColorFocus]} defaultValue="" ref={el => this.searchInput = el} autoFocus selectTextOnFocus={this.state.selectTextOnFocus} onSelectionChange={this.onSelectionChange} + onFocus={() => this.setState({isFocused: true})} + onBlur={() => this.setState({isFocused: false})} /> )}