From 4df38516e67c9739f457c452259210dc973519a3 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Wed, 14 Dec 2016 18:38:28 +0100 Subject: [PATCH] Fix key up listener on compose form --- .../components/components/autosuggest_textarea.jsx | 6 ++++-- .../components/features/compose/components/compose_form.jsx | 1 + 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/app/assets/javascripts/components/components/autosuggest_textarea.jsx b/app/assets/javascripts/components/components/autosuggest_textarea.jsx index 378b0cda4..95ca5f2f6 100644 --- a/app/assets/javascripts/components/components/autosuggest_textarea.jsx +++ b/app/assets/javascripts/components/components/autosuggest_textarea.jsx @@ -36,7 +36,8 @@ const AutosuggestTextarea = React.createClass({ onSuggestionSelected: React.PropTypes.func.isRequired, onSuggestionsClearRequested: React.PropTypes.func.isRequired, onSuggestionsFetchRequested: React.PropTypes.func.isRequired, - onChange: React.PropTypes.func.isRequired + onChange: React.PropTypes.func.isRequired, + onKeyUp: React.PropTypes.func }, getInitialState () { @@ -122,7 +123,7 @@ const AutosuggestTextarea = React.createClass({ }, render () { - const { value, suggestions, disabled, placeholder } = this.props; + const { value, suggestions, disabled, placeholder, onKeyUp } = this.props; const { suggestionsHidden, selectedSuggestion } = this.state; return ( @@ -135,6 +136,7 @@ const AutosuggestTextarea = React.createClass({ value={value} onChange={this.onChange} onKeyDown={this.onKeyDown} + onKeyUp={onKeyUp} />
0 && !suggestionsHidden) ? 'block' : 'none' }} className='autosuggest-textarea__suggestions'> diff --git a/app/assets/javascripts/components/features/compose/components/compose_form.jsx b/app/assets/javascripts/components/features/compose/components/compose_form.jsx index 02f394993..200502dad 100644 --- a/app/assets/javascripts/components/features/compose/components/compose_form.jsx +++ b/app/assets/javascripts/components/features/compose/components/compose_form.jsx @@ -104,6 +104,7 @@ const ComposeForm = React.createClass({ value={this.props.text} onChange={this.handleChange} suggestions={this.props.suggestions} + onKeyUp={this.handleKeyUp} onSuggestionsFetchRequested={this.onSuggestionsFetchRequested} onSuggestionsClearRequested={this.onSuggestionsClearRequested} onSuggestionSelected={this.onSuggestionSelected}