Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove items from search input with backspace key

This commit is contained in:
Tiago Noronha 2019-02-11 15:46:51 +00:00
parent fb02d78a3d
commit 1a8e797b00
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/woocommerce-admin/packages/components/src/search/index.js
View File

@ -50,6 +50,7 @@ class Search extends Component {
this.updateSearch = this.updateSearch.bind( this ); this.updateSearch = this.updateSearch.bind( this );
this.onFocus = this.onFocus.bind( this ); this.onFocus = this.onFocus.bind( this );
this.onBlur = this.onBlur.bind( this ); this.onBlur = this.onBlur.bind( this );
this.onKeyDown = this.onKeyDown.bind( this );
} }
selectResult( value ) { selectResult( value ) {
@ -154,6 +155,15 @@ class Search extends Component {
this.setState( { isActive: false } ); this.setState( { isActive: false } );
} }
onKeyDown( event ) {
const { value } = this.state;
const { selected, onChange } = this.props;
if ( 8 === event.keyCode && ! value && selected.length ) {
onChange( [ ...selected.slice( 0, -1 ) ] );
}
}
render() { render() {
const autocompleter = this.getAutocompleter(); const autocompleter = this.getAutocompleter();
const { const {
@ -220,6 +230,7 @@ class Search extends Component {
aria-activedescendant={ activeId } aria-activedescendant={ activeId }
onFocus={ this.onFocus } onFocus={ this.onFocus }
onBlur={ this.onBlur } onBlur={ this.onBlur }
onKeyDown={ this.onKeyDown }
aria-describedby={ aria-describedby={
shouldRenderTags ? `search-inline-input-${ instanceId }` : null shouldRenderTags ? `search-inline-input-${ instanceId }` : null
} }